1、創建qunit.html 文件添加由官方提供的cdn 加載
測試框架
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" > </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="http://code.jquery.com/qunit/qunit-1.15.0.js"></script> <script src="project.js"></script> <script src="tests.js"></script> </body> </html> |
最后面引入的 project.js 就是待測試的文件
最后面引入的 tests.js 就是
測試用例的文件
2、測試用例的編寫
先寫一個待測試例子，這是一個判斷是否是偶數的方法
//project.js function isEven(val) { return val % 2 === 0; } |
3、編寫測試
//tests.js<br>test('isEven()', function() { ok(isEven(0), 'Zero is an even number'); ok(isEven(2), 'So is two'); ok(isEven(-4), 'So is negative four'); ok(!isEven(1), 'One is not an even number'); ok(!isEven(-7), 'Neither is negative seven'); }) |