JSUnit 是網頁View開發過程的品質保證. 用以測試客戶端的代碼.
它能測試javascript的function是否與預期一致..
還能保證代碼後期變得巨大時, 更方便進行 Refactoring 的工作.
使代碼更能Reusable 及減少bad smell.
下載 jsunit2.2alpha11.zip
https://sourceforge.net/project/showfiles.php?group_id=28041
把它解壓至 c:\jsunit 下.
建立測試用的目錄 c:\jsunit\mytest
建立測試檔案 c:\jsunit\mytest\HelloWorld.html
內容為：
<html>
<head>
<title>Test Page for Hello Joeyta</title>
<script language="javascript" src="../app/jsUnitCore.js"></script>
</head>
<body>
<script language="javascript">
var sHello = "";
function setUp(){ // 這個function用來初始化, 每一個test之前都會運行此function
sHello = "Hello Joeyta";
}
function sayHello(sayContent){ // 這是我們要測試的function
return sayContent;
}
function testSayHello(){ // 測試function的前面要加 "test" , 這裡測試上面的function是否如預期一致
assertEquals(sHello, sayHello(sHello));
}
function testFailSayHello(){ // 測試function失敗的情形
assertNotEquals("Hello Joey", sayHello(sHello));
}
function tearDown(){ // 每個test之後會運行此function
sHello = "";
}
</script>
</body>
</html>
以 IE 打開 C:\jsunit\testRunner.html
瀏覽 按鈕 選擇 測試檔案 c:\jsunit\mytest\HelloWorld.html
按 Run
如果測試全部成功 progress bar就會是綠色. 失敗則是紅色.
其實熟識 JUnit 的人仕很容易明白怎樣使用 JSUnit.
上面這個例子只是入門, 是最基本的, 官方有更詳盡的教學：
http://www.jsunit.net/examples/example1.html
http://www.jsunit.net/documentation/index.html
沒有留言:
發佈留言