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

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

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

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

值

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

<a></a>

&lt;div dojoType="dojox.widget.DocTester"&gt;

  &gt;&gt;&gt; 4+6

  10

  &gt;&gt;&gt; dojo.indexOf(["foo", "hoo", "zoo"], "zoo")

  "3"

  &gt;&gt;&gt; true

  false

&lt;/div&gt;

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

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

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

&lt;html&gt;

    &lt;head&gt;

        &lt;script type="text/javascript"

                src="http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js"

                djConfig="isDebug:false, parseOnLoad: true"&gt;

        &lt;/script&gt;

        &lt;script type="text/javascript"&gt;

            dojo.require("dojox.widget.DocTester");

        &lt;style type="text/css"&gt;

            @import "http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojox/widget/DocTester/DocTester.css";

        &lt;/style&gt;

    &lt;/head&gt;

    &lt;body&gt;

        &lt;div&gt;

        &lt;div dojoType="dojox.widget.DocTester"&gt;

            &gt;&gt;&gt; 4+6

            10

            &gt;&gt;&gt; dojo.indexOf(["foo", "hoo", "zoo"], "zoo")

            "3"

            &gt;&gt;&gt; true

            false

        &lt;/div&gt;

      &lt;/div&gt;

    &lt;/body&gt;

&lt;/html&gt;

所属分类的其他文章:

<a href="http://www.cnblogs.com/myqiao/archive/2009/05/13/1455996.html">Dojo QuickStart 快速入门教程 (1) Why Dojo</a>

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

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