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，如需轉載請自行聯系原作者