`

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


可以看到结果:



接着,我们测试模型,文件路径:\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帮助文档中查看。

分享到:
评论

相关推荐

    JavaScriptMVC之实战

    NULL 博文链接:https://lyndon-lin.iteye.com/blog/1556095

    javascriptmvc-3.3.zip

    JavaScriptMVC是一个全面的JavaScript应用程序开发框架,专注于构建大型、可维护的前端应用。这个压缩包"javascriptmvc-3.3.zip"包含了该框架的3.3版本。JavaScriptMVC以其模块化、可测试和高性能的特点,深受开发者...

    javascriptmvc3.0.5

    上传了一半的javascriptmvc3.0.5,这个是【下】

    javaScriptMVC 开源框架 第一部分

    6. **FuncUnit**: 一个JavaScript测试框架,用于编写和运行前端功能测试,确保代码质量。 7. **CanJS**: 是JavaScriptMVC中的核心库,提供了MVC结构的实现,包括数据绑定、依赖注入和事件处理等功能。 **应用场景*...

    javascriptmvc-3.2.4.zip

    - **FuncUnit**:一个JavaScript测试框架,用于编写自动化UI测试,确保应用在不同浏览器中的行为一致。 - **StealJS**:一个模块加载器和构建工具,用于管理依赖关系和构建优化过的生产环境代码。 - **DocumentJS*...

    MVC框架 JavaScriptMVC.zip

    JavaScriptMVC是一个强大的JavaScript MVC(Model-View-Controller)框架,专为构建复杂且高性能的前端Web应用而设计。这个框架旨在提供一套完整的工具集,包括数据管理、视图渲染、路由控制以及测试支持,从而使得...

    从JavaScriptMVC开始如何完成项目之压缩文件和生成帮助文档

    在“从JavaScriptMVC开始如何完成项目之压缩文件和生成帮助文档”这个主题中,我们将探讨如何利用该框架进行项目开发,特别是涉及到的压缩文件处理和生成帮助文档这两个关键环节。 一、压缩文件 在项目开发中,压缩...

    从JavaScriptMVC开始如何完成项目之创建应用程序

    这篇博客文章“从JavaScriptMVC开始如何完成项目之创建应用程序”可能是指导开发者如何使用特定的JavaScript MVC框架或库来构建一个完整的应用程序。 在JavaScript MVC中: 1. **模型(Model)**:负责处理和管理...

    javascriptmvc-3.0.5最新包

    javascriptmvc3.0.5,文件大于20MB,分成两个卷

    javascriptmvc

    JavaScript MVC(Model-View-Controller)是一种用于构建前端Web应用程序的架构模式,灵感来源于Java的MVC框架。这种模式在JavaScript开发中广泛采用,旨在提高代码的组织性、可维护性和可扩展性。...

    javaScriptMVC 开源框架 第二部分

    Funcunit是这个压缩包中提到的一个文件,它是一个测试框架,专为JavaScript应用设计,尤其是那些使用了MVC框架的应用。Funcunit结合了Funqy(一个函数库)和JQuery的测试功能,提供了一种编写高级、易于理解和维护的...

    JavaScriptMVC框架Mithril.zip

    Mithril.js 是一个客户端的 JavaScript MVC 框架。可将应用分成数据层、UI层和控制层。Mithril 压缩后只有 3kb 左右。API 提供一个模板引擎,带 DOM diff 实现,支持路由和组合。 示例代码: ...

    谈谈JavaScriptMVC模式共3页.pdf.zip

    JavaScript MVC模式是Web开发中的一种架构模式,它用于组织和管理复杂的前端应用。MVC,即Model-View-Controller,是一种设计模式,旨在分离应用程序的数据层(Model)、用户界面层(View)和控制逻辑层(Controller...

    JavaScriptMVC:JavaSriptMVC 高级编程课程

    JavaScriptMVC是一个全面的前端开发框架,专注于使用JavaScript进行复杂应用程序的构建。它结合了Model-View-Controller(MVC)的设计模式,提供了一整套工具和服务,旨在提高开发效率和代码可维护性。在这个高级...

    JavaScriptMVC框架PK:Angular、Backbone、CanJS与Ember

    :选择JavaScriptMVC框架很难。一方面要考虑的因素非常多,另一方面这种框架也非常多,而要从中选择一个合适的,还真得费一番心思。本文对JavaScriptMVC框架Angular、Backbone、CanJS和Ember作了比较,供大家参考。...

    javaScriptMVC 开源框架 第三部分(相关资料和例子)

    在"javascriptMVC 相关资料.docx"文档中,可能会包含以下知识点: 1. **MVC概念**:解释模型(Model)、视图(View)和控制器(Controller)的基本职责。模型处理数据和业务逻辑,视图负责用户界面的展示,而控制器...

    JavascriptMVC代码

    JavaScript MVC(Model-View-Controller)是一种用于构建前端应用程序的架构模式,它借鉴了传统的后端MVC设计模式,以帮助开发者组织和管理复杂的JavaScript应用。在这个架构中,Model负责数据处理,View负责用户...

    JavaScriptMVC 测试框架 v2.2

    内容索引:脚本资源,Ajax/JavaScript,JavaScriptMVC JavaScriptMVC 是一个功能强大的 JavaScript framework. 也是一个很棒的JavaScript测试框架,它同样能提高开发的速度。JavaScriptMVC应用了模型-视图-控制器架构...

Global site tag (gtag.js) - Google Analytics