Pure JS (6.2)：结合 Rhino 和 Junit GUI 测试 JS

Pure JS (6.2)：结合 Rhino 和 Junit GUI 测试 JS

　　最近尝试了直接用 Rhino 启动 Junit ，刚开始就遇到了一些问题。因为 Java 注解在 JavaScript 中并不能起到什么作用，所以我选择了 Junit 3，并使用了 Junit 3 自带的swing GUI。最大的问题是 Junit 是通过 Class 名称加载测试类进行测试的。而 Rhino 的 Class 是动态生成的，名称也比较怪（比如 adapter1 之类），并不适合显示在界面上，因此我修改了 Juni 3 的源代码（见附件）。可以用“Pei Xiaoxing”作为关键字在源代码中搜索修改过的地方。

　　所有的测试案例都放在 PureJS 工程中的 scripts/test 目录下，可以用上一篇文章中介绍的方法启动测试：
　　1. scripts/test/sameple 目录下以“run”开头的 js 文件，加载并运行范例；
　　2. scripts/test/app/testAll.js， 测试 scripts/app 目录的 js 文件；
　　3. scripts/test/both/views.js，测试 webapp/both/views.js；
　　4. scripts/test/lib 目录下的 files.js、db.js、render.js，分别测试 scripts/lib 下对应的 js 文件；
　　5. script/test/servlets/servlets.js，测试 scripts/servlets 目录的 js 文件。
　　需要注意的是数据库操作的部分并未进行 mock，因此运行数据库相关的测试案例是需要先通过命令行启动 mongod。

　　下面以 scripts/test/sameple 目录下的文件为例进行介绍。

被测试的 JS 文件

　　add.js

add = {
	two: function(a, b) { return a + b; },
	three: function(a, b, c) { return a + b + c; }
}

TestCase 的使用

　　
　　【编写测试案例】

　　编写测试案例的一般步骤如下：
　　1. 加载被测试的文件
　　2. 指定测试案例的名称
　　3. 编写测试函数

　　testAdd.js

load("scripts/test/sample/add.js");

testAdd = {
	name: function() {
		return "Test Add";
	},
	testAddTwo: function() {
		Assert.assertEquals(3, add.two(1, 2), 0);		
	},
	testAddThree: function() {
		Assert.assertEquals(6, add.three(1, 2, 3), 0);
	}
};

　　需要注意的是，JavaScript 中的数值实际上都是 float 类型的，因此使用 Assert.assertEuals 时需要指定误差范围（第三个参数）。但这里验证的是整数，因此误差为 0 。

　　【加载测试案例】

　　加载测试案例的一般步骤如下：
　　1. 加载 scripts/test/test.js，它定义了 test 函数
　　2. 加载包含测试案例的 js 文件
　　3. 调用 test 函数执行测试案例

　　runTestAdd.js

load("scripts/test/test.js");
load("scripts/test/sample/testAdd.js");

test(testAdd);

　　【执行测试案例】
　　参照上一篇文章创建 Run Congiguration，Arguments 设置为 scripts/test/sample/runTestAdd.js （如图）。

　　点击 Run 按钮执行（第一次执行后可以在快捷执行按钮的下拉菜单中看到）。

　　执行效果如下：

TestSuite 的使用

　　【编写测试案例案例集】

　　编写测试案例的一般步骤如下：
　　1. 加载要包含在测试案例集中的测试案例
　　2. 指定测试案例集的名称
　　3. 编写返回测试案例数组的 suite 函数

　　testSuite.js

load("scripts/test/sample/testAdd.js");
load("scripts/test/sample/testMinus.js");

testSuite = {
	name: function() {
		return "Test Suite";
	},
	suite: function() {
		return [ testAdd, testMinus ];
	}
};

　　【加载测试案例集】

　　加载测试案例的一般步骤如下：
　　1. 加载 scripts/test/test.js，它定义了 test 函数
　　2. 加载包含测试案例的 js 文件
　　3. 调用 test 函数执行测试案例

　　runTestSuite.js

load("scripts/test/test.js");
load("scripts/test/sample/testSuite.js");

test(testSuite);

　　【执行测试案例集】
　　Arguments 设置为 scripts/test/sample/runTestSuite.js ，执行效果如下：

　　

TestSuite 的嵌套

　　【编写嵌套测试案例集】

　　测试案例集是可嵌套的，即一个测试案例集可以被包含在另一个测试案例集中。这在需要同时执行多个测试案例集时很有用。
　　编写嵌套测试案例的一般步骤如下：
　　1. 加载要包含在嵌套测试案例集中的测试案例集或测试案例
　　2. 指定嵌套测试案例集的名称
　　3. 编写返回测试案例集和测试案例数组的 suite 函数

　　nestedSuite.js

load("scripts/test/test.js");
load("scripts/test/sample/testSuite.js");

nestedSuite = {
	name: function() {
		return "Nested Suite";
	},
	suite: function() {
		return [ testAdd, testSuite ];
	}
};

　　这个嵌套案例集包含了一个普通的测试案例和一个测试案例集。

　　【加载嵌套测试案例集】

　　加载嵌套测试案例的一般步骤如下：
　　1. 加载 scripts/test/test.js，它定义了 test 函数
　　2. 加载包含测试案例集的 js 文件
　　3. 调用 test 函数执行嵌套测试案例

　　runNestedSuite.js

load("scripts/test/sample/nestedSuite.js");

test(nestedSuite);

　　【执行嵌套测试案例集】
　　Arguments 设置为 scripts/test/sample/runNestedSuite.js ，执行效果如下：