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

javascriptMVC教程 -

<div id="cnblogs_post_body">  FuncUnit相关的知识我在之前的博文已有简单介绍,大家可以自行阅读《javascriptMVC入门 -- 12.FuncUnit》。他提供了很多api方法,我的文章中没有涉及,大家可以去官网查看,地址:http://www.javascriptmvc.com/。
  今天我们将通过一个简单的例子,介绍如何把FuncUnit引入项目中,对无法执行单元测试的js文件进行自动化的功能测试。我例子是对jquery焦点图插件进行测试,先来看一下项目结构:
http://pic002.cnblogs.com/images/2012/303151/2012110214471930.png
  蓝框选中的就是测试文件。根目录下面的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>
页: [1]
查看完整版本: javascriptMVC教程 -