这节我们来看看如何通过JsUnit插件来运行前几节所测试过的测试页。
首先我们下载 JsUnit插件,请到 http://sourceforge.net/projects/jsunit/files/# 下载,会得到eclipse_plugin1.0alpha3.zip类似的包。
这里我们使用插件的 link 安装方式来安装这个插件。把它解压到 %ECLIPSE_HOME%/myplugins/jsunit/eclipse 下,再在%ECLIPSE_HOME%/links 目录下创建一个 jsunit.link 的文件,文件的内容为 path=myplugins/jsunit 。
为了插件生效,我们为 %ECLIPSE_HOME%/eclipse.exe 创建一个快方式,然后在快捷方式上右击,并在目标后面加上 -clean 参数,如下图:
启动 eclipse ,查看是否安装成功,点击 “窗口|首选项” 看是否有 JsUnit项,如有则安装成功,我的如下图:
以上是我已经配置好了的,其实也没有什么好配置的,主要是两个,一个是要配置JsUnit的主目录,二是要配置我们要在哪些浏览器上进行测试。
安装并配置成功后,我们开始创建我们测试的项目,并把要测试的测试页面拷到新建项目中来。我的如下图:
这里要注意的是,我们还得要到 jsunit/app/jsUnitCore.js 拷过来才能进行测试,否则运行不起来。另外要注意的是,测试页里引用的其他 js 文件或另外测试页文件时,位置一定要搞正确,不然也跑不起来。
好了,下面开始测试,在 testSuit.html 测试集上右击 “运行方式|JsUnit Test Page”,这样就会自动打开浏览器进行测试,等执行完后,如下图:
上面我在 IE、Safari、firefox上跑了一下,只有IE顺利的通过了,其他两个超时,可能是他们不能直接访问本地文件还是什么原因吧,现不知道怎样解决,忘知道的兄弟告知一下~
但试了用Web服务方式可以通过,请看:
另外需注意的是,如果测试的页面为测试集,那么测试集页面中加入的其他测试页或测试集的文件路径要是绝对的,不然跑不起来,请看我测试的一测试集代码如下:
<html>
<head>
<title>Sample Test Suite</title>
<script language="JavaScript" src="jsUnitCore.js"></script>
<script language="JavaScript">
function sampleSuite() {
var sampleSuite = new top.jsUnitTestSuite();
//用插件测试时,测试集中添加的其他测试页的路径一定要是绝对的,但测试页里可以是相对的
sampleSuite.addTestPage("E:/_/json/JsUnitTest/smimpleTest.html");
sampleSuite.addTestPage("E:/_/json/JsUnitTest/setUpPageTest.html");
sampleSuite.addTestPage("E:/_/json/JsUnitTest/setUptearDownTest.html");
return sampleSuite;
}
//测试集中一定要有以下这个方法
function suite() {
var testSuite = new top.jsUnitTestSuite();
testSuite.addTestSuite(sampleSuite());
testSuite.addTestPage("E:/_/json/JsUnitTest/exposeTest.html");
return testSuite;
}
</script>
</head>
<body>
This is a simple test suite.
</body>
</html>