Dojo QuickStart 快速入门教程 (4) 简单的测试框架
2010-09-14 13:47:03 来源：WEB开发网dojo 有强大的单元回归测试，还有 assert 断言，这些先不讲（因为我也不会，呵呵）。这里我们使用 dojox.wodget.DocTester 组件，它可以直观的在页面上显示多个表达式的真假。如果为真，整个表达式背景变为绿色，代表通过；如果为假，背景变为红色，代表失败，并告诉正确的值。系统还会自动统计通过了几个，失败了几个。有了这个小工具，我们可以简单的测试一些函数的功能，并迅速定位程序的错误。
DocTester 使用方法：三个大于号+空格+表达式，换行，值
>>> 空格（这个必须有） 表达式
值
下面的代码中，测试了三个表达式，其中第一个正确，后面两个错误：
<div dojoType="dojox.widget.DocTester">
>>> 4+6
10
>>> dojo.indexOf(["foo", "hoo", "zoo"], "zoo")
"3"
>>> true
false
</div>
下图是测试前页面显示的效果，都是灰色的：
图片看不清楚？请点击这里查看原图（大图）。
点击，Run tests 按钮，就可以测试了，下图是测试后的页面效果：
图片看不清楚？请点击这里查看原图（大图）。
最后给出完整代码，您可以用 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>
系列文章：
Dojo QuickStart Guide 快速入门 (1) Why Dojo
Dojo Quick Start Guide 快速入门 (2) 基本框架
Dojo QuickStart 快速入门教程 (3) 选择器
Dojo QuickStart 快速入门教程 (5) 使用数组
Tags：Dojo QuickStart 快速
编辑录入：爽爽 [复制链接] [打 印]
中查找“Dojo QuickStart 快速入门教程 (4) 简单的测试框架”更多相关内容
中查找“Dojo QuickStart 快速入门教程 (4) 简单的测试框架”更多相关内容更多精彩
赞助商链接
