源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Javascript单元测试框架QUnitjs详细介绍

  • 时间:2021-12-08 20:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Javascript单元测试框架QUnitjs详细介绍
[b]一、什么是 QUnit[/b] QUnit(http://qunitjs.com/) 是一个非常强大的javascript单元测试框架,可以帮你调试代码。它是由 jQuery 团队的成员写的,而且是 jQuery 的官方测试套装。但QUnit一般是足以测试任何常规 javascript 代码,它甚至可能通过一些 javascript 引擎比如 Rhino 或 V8 来测试服务器端 JavaScript。 如果你不熟悉“单元测试”的概念,请不要担心。这不是很难理解的:
[url=http://github.com/jquery/qunit/raw/master/qunit/qunit.css]    <script type="text/javascript" src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>     <!-- Your project file goes here -->     <script type="text/javascript" src="myProject.js"></script>     <!-- Your tests file goes here -->     <script type="text/javascript" src="myTests.js"></script> </head> <body>     <h1 id="qunit-header">QUnit 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> </html>
正如你所见,在这里使用了一个被托管的QUnit框架版本。 将要被测试的代码已被添加到 myProject.js 中,而且你的测试应该插入到 myTest.js 。要运行这些测试,只需在一个浏览器中打开这个 HTML 文件。现在到了写些测试的时间了。 单元测试的基石是断言: 断言是一个命题,预测你的代码的返回结果。如果预测是假的,断言失败,你就知道出了问题。 运行断言,你应该把它们放入测试案例: 这里我们定义一个函数:isEven,用来检测一个数字是否为奇数,并且我们希望测试这个函数来确认它不会返回错误答案。 我们首先调用 test(),它构建了一个测试案例;第一个参数是一个将被显示在结果中的字符串,第二个参数是包括我们断主的一个回调函数。 我们写了5个断言,所有的都是布尔型的。一个布尔型的断言,期望它的第一个参数为true。第二个参数依然是要显示在结果中的消息。 这里是你想要得到的,只要你运行测试: [img]http://files.jb51.net/file_images/article/201405/201458101554325.png?201448101618[/img] [b]四、深入学习参考[/b] 以上只简单的介绍了 qunit.js ,其断言方法还有很多,具体可参考 api 文档: http://api.qunitjs.com/ 单元测试是一个在你发布你的代码前测试你的代码的非常好的方法。如果你以前没有写过任何的单元测试,现在是时候开始了!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部