开发学院网页设计 JavaScript Dojo QuickStart 快速入门教程 (4) 简单的测试框架... 阅读

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

　2010-09-14 13:47:03　来源：WEB开发网　　　

核心提示：dojo 有强大的单元回归测试，还有 assert 断言，Dojo QuickStart 快速入门教程 (4) 简单的测试框架，这些先不讲（因为我也不会，呵呵），最后给出完整代码，您可以用 html 格式保存到本机，这里我们使用 dojox.wodget.DocTester 组件，它可以直观的在页面上显示多个表达式的真

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

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

>>> 空格（这个必须有）表达式

值

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

<div dojoType="dojox.widget.DocTester"> 　 >>> 4+6 　 10 　 >>> dojo.indexOf(["foo", "hoo", "zoo"], "zoo") 　 "3" 　 >>> true 　 false </div>

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

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

图片看不清楚？请点击这里查看原图（大图）。

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

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

图片看不清楚？请点击这里查看原图（大图）。

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

<html> 　　　 <head> 　　　　　　　 <script type="text/javascript" 　　　　　　　　　　　　　　　 src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js" 　　　　　　　　　　　　　　　 djConfig="isDebug:false, parseOnLoad: true"> 　　　　　　　 </script> 　　　　　　　 <script type="text/javascript"> 　　　　　　　　　　　 dojo.require("dojox.widget.DocTester"); 　　　　　　　 </script> 　　　　　　　 <style type="text/css"> 　　　　　　　　　　　 @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojox/widget/DocTester/DocTester.css"; 　　　　　　　 </style> 　　　 </head> 　　　 <body> 　　　　　　　 <div> 　　　　　　　 <div dojoType="dojox.widget.DocTester"> 　　　　　　　　　　　 >>> 4+6 　　　　　　　　　　　 10 　　　　　　　　　　　 >>> dojo.indexOf(["foo", "hoo", "zoo"], "zoo") 　　　　　　　　　　　 "3" 　　　　　　　　　　　 >>> true 　　　　　　　　　　　 false 　　　　　　　 </div> 　　　　　 </div> 　　　 </body> </html>