javascriptMVC教程 -

下一站永远 · 发表于 2012-12-22 21:32:07

<div id="cnblogs_post_body">　　FuncUnit相关的知识我在之前的博文已有简单介绍，大家可以自行阅读《javascriptMVC入门 -- 12.FuncUnit》。他提供了很多api方法，我的文章中没有涉及，大家可以去官网查看，地址：http://www.javascriptmvc.com/。
　　今天我们将通过一个简单的例子，介绍如何把FuncUnit引入项目中，对无法执行单元测试的js文件进行自动化的功能测试。我例子是对jquery焦点图插件进行测试，先来看一下项目结构：

　　蓝框选中的就是测试文件。根目录下面的documentjs、funcunit、jquery、steal四个文件夹对应于javascriptMVC框架源代码文件夹。
　　channel/focusScroll/funcunit下面的js文件是测试脚本。funcunit.js是入口文件，has-prev-next-btn@scroll-left.js和scroll-top@thumb-click.js测试脚本分别对应的测试页面是has-prev-next-btn@scroll-left.html和scroll-top@thumb-click.html。
　　FuncUnit.Master母版页里面包含QUnit相关内容：
<div class="cnblogs_code"><head runat="server"> <title> <%=this.Page.Title %> FuncUnit Test</title> <link rel="stylesheet" type="text/css" href="/funcunit/qunit/qunit.css" /> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder></head><body> <h1 id="qunit-header"> <%=this.Page.Title %> Test Suite</h1> <h2 id="qunit-banner"> </h2> <div id="qunit-testrunner-toolbar"> </div> <h2 id="qunit-userAgent"> </h2> <ol id="qunit-tests"> </ol></body>

		自动登录	找回密码
密码			立即注册