Dojo QuickStart快速入门教程(4) 简单的测试框架 - 面向对象网,web开发,dojo,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Dojo > 正文

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

来源: www.bianceng.cn 阅读:

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& quot;;
</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>

Tags:
相关文章列表: