QUnit是一个弱小的JavaScript单位测试框架。他可用于jQuery,jQuery UI和jQuery Mobile项目,和任何运用JavaScript代码编写的项目标测试。
任何Html和JavaScript编辑器(Visual Studio 2013)
从QUnit官方下载reference js和css文件
添加QUnit.js和QUnit.css到你要测试的HTML页面中。
<script src="//code.jquery.com/qunit/qunit-1.22.0.js"></script> <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-1.22.0.css" rel="external nofollow" >
将要实行单位测试的代码放到一个独自的js文件中(Calculations.js):
// Create Calculation class. var Calculation = function () { }; // Add Addition to method to the Calculation class. Calculation.prototype.Add = function (a, b) { return a + b; }; // Add Subtraction method to the Calculation class. Calculation.prototype.Substraction = function (a, b) { return a - b; }; // Add Multiplication method to the Calculation class. Calculation.prototype.Multiplication = function (a, b) { return a * b; }; // Add Division method to the Calculation class. Calculation.prototype.Division = function (a, b) { return a / b; };
下面的代码就是上面JavaScript办法的单位测试用例,我们异样将它放到独自的一个js文件中(UnitTest.js):
// Instantiate Calculation class. var c = new Calculation(); // Unit test for addition. QUnit.test("Addition Test", function (assert) { assert.ok(c.Add(2, 3) == "5", "Passed!"); }); // Unit test for subtraction. QUnit.test("Substraction Test", function (assert) { assert.ok(c.Substraction(3, 2) == "1", "Passed!"); }); // Unit test for division. QUnit.test("Division Test", function (assert) { assert.ok(c.Division(5, 5) == "1", "Passed!"); }); // Unit test for multiplication. QUnit.test("Multiplication Test", function (assert) { assert.ok(c.Multiplication(5, 5) == "25", "Passed!"); });
在HTML代码平分别创立一个id为qunit、qunit-fixture的div标志。
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-1.22.0.css" rel="external nofollow" > <script src="~/Scripts/Calculations.js"></script> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="//code.jquery.com/qunit/qunit-1.22.0.js"></script> <script src="~/Scripts/UnitTest.js"></script>
2KB项目(www.2kb.com,源码交易平台),提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务