javascriptmvc之funcunit

javascriptmvc之funcunit

funcunit相当我们程序中的单元测试,但是在这里我们可以使用它来完成页面的自动化测试,在这里我们需要测试的是视图和模型。

在这里我使用2个实例来说明如何使用funcunit来测试视图和模型。

首先,我们测试视图,代码如下:
steal('funcunit').then(function(){

module("project.proc", {
    setup: function(){
        S.open("//project/project.html");
    }
});

test("Text Test", function(){
    //测试按钮的文件是否等于Cookbook.Views.Project Demo
    equals(S("#test").text(), "Cookbook.Views.Project Demo","demo text");
});


});


然后我们在页面浏览器中,输入如下地址:http://localhost/pages/project/views/project/funcunit.html


可以看到结果:
javascriptmvc之funcunit_第1张图片


接着,我们测试模型,文件路径:\promanage\WebRoot\pages\project\test\qunit\project_test.js,代码如下:

steal("funcunit/qunit", "project/fixtures", "project/models/project.js", function(){
    module("Model: Project.Models.Project")
   
    test("create", function(){
        stop();
        new Project.Models.Project({name: "dry cleaning", description: "take to street corner"}).save(function(project){
            ok(project);
            console.info(project);
            start();
        })
    })
})
然后我们在页面浏览器中,输入如下地址:http://localhost/pages/project/qunit.html

可以看到结果如下:
javascriptmvc之funcunit_第2张图片


上面只是最简单的例子,详细请到javascriptmvc帮助文档中查看。

你可能感兴趣的:(javascriptmvc)