使用QUnit对JS进行单元测试

来源：互联网发布：java cp 加参数 d 编辑：程序博客网时间：2024/06/04 00:38

使用QUnit

建立一个测试页面，引入qunit.js和qunit.css这两个必需的文件，这两个文件是存放在github上的，鉴于目前操蛋的互联网环境，最好下载到本地调用。

注：body中的元素id命名必须依照如下形式，否则无法正常显示。

首先搞个测试结果显示页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>QUnit Test!!!!</title>  <link rel="stylesheet" href="./qunit-1.16.0.css"></head><body>  <div id="qunit"></div>    <div id="qunit-fixture"></div>    <script src="./qunit-1.16.0.js"></script>      <script src="./UnderTestJS/ModelTest.js"></script></body></html>

var TestModel = function() {var name = ""; // 变量return {setName : function(username) {name = username;},getName : function() {return name;},sayHello : function() {return "Hello " + this.getName();}};}();QUnit.test("hello test", function(assert) {assert.ok(1 == "1", "Passed!");});QUnit.test("set/get Name", function(assert) {TestModel.setName("kewen");assert.ok(TestModel.getName() == "kewen", "Passed!");});QUnit.test("saHello", function(assert) {assert.ok(TestModel.sayHello() == "Hello kewen", "Passed!");});

这时候打开我们刚才写的HTML，就能看到测试结果了

0 0