Dojo QuickStart 快速入门教程 (4) 简单的测试框架

dojo 有强大的单元回归测试,还有 assert 断言,这些先不讲(因为我也不会,呵呵)。这里我们使用 dojox.wodget.DocTester 组件,它可以直观的在页面上显示多个表达式的真假。如果为真,整个表达式背景变为绿色,代表通过;如果为假,背景变为红色,代表失败,并告诉正确的值。系统还会自动统计通过了几个,失败了几个。有了这个小工具,我们可以简单的测试一些函数的功能,并迅速定位程序的错误。

DocTester 使用方法:三个大于号+空格+表达式,换行,值

>>> 空格(这个必须有) 表达式

版权声明:本博客文章如非特别注明,均为原创,作者保留所有权利!欢迎转载,转载请注明作者左洸和出处博客园

下面的代码中,测试了三个表达式,其中第一个正确,后面两个错误:

Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架<div dojoType="dojox.widget.DocTester">
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  >>> 4+6
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  10
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  >>> dojo.indexOf(["foo", "hoo", "zoo"], "zoo")
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  "3"
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  >>> true
Dojo QuickStart 快速入门教程 (4) 简单的测试框架  false
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
</div>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架

 

下图是测试前页面显示的效果,都是灰色的:

Dojo QuickStart 快速入门教程 (4) 简单的测试框架

点击,Run tests 按钮,就可以测试了,下图是测试后的页面效果:

Dojo QuickStart 快速入门教程 (4) 简单的测试框架

最后给出完整代码,您可以用  html 格式保存到本机,就可以直接运行了,因为库文件直接从 Google 引用

Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架<html>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架    
<head>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
<script type="text/javascript"
Dojo QuickStart 快速入门教程 (4) 简单的测试框架                src
="http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js"
Dojo QuickStart 快速入门教程 (4) 简单的测试框架Dojo QuickStart 快速入门教程 (4) 简单的测试框架                djConfig
="isDebug:false, parseOnLoad: true">Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
</script>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
<script type="text/javascript">Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            dojo.require(
"dojox.widget.DocTester");
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
</script>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
<style type="text/css">Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojox/widget/DocTester/DocTester.css";
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
</style>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架    
</head>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架    
<body>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
<div>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
<div dojoType="dojox.widget.DocTester">
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            >>> 4+6
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            10
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            >>> dojo.indexOf(["foo", "hoo", "zoo"], "zoo")
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            "3"
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            >>> true
Dojo QuickStart 快速入门教程 (4) 简单的测试框架            false
Dojo QuickStart 快速入门教程 (4) 简单的测试框架        
</div>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架      
</div>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架    
</body>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
Dojo QuickStart 快速入门教程 (4) 简单的测试框架
</html>
Dojo QuickStart 快速入门教程 (4) 简单的测试框架

版权声明:本博客文章如非特别注明,均为原创,作者保留所有权利!欢迎转载,转载请注明作者左洸和出处博客园

所属分类的其他文章:

Dojo QuickStart 快速入门教程 (3) 选择器
Dojo QuickStart 快速入门教程 (2) 基本框架

Dojo QuickStart 快速入门教程 (1) Why Dojo

//==========================================



本文转自左洸博客园博客,原文链接:http://www.cnblogs.com/myqiao/archive/2009/05/16/1458386.html,如需转载请自行联系原作者


上一篇:Android访问通讯录和添加联系人


下一篇:无线网络破解________破解wap密码..............