1. 程式人生 > >JavaScript單元測試框架JsUnit基本介紹和使用

JavaScript單元測試框架JsUnit基本介紹和使用

複製程式碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content
=""> <script type="text/javascript" src="..\jsunit2_2\jsunit\app\jsUnitCore.js"></script> <script type="text/javascript" src="test1.js"></script> <script type="text/javascript"> var count = 0; // 此函式只執行一次(在頁面載入後),類似於JUnit 4.x中的@BeforeClass // 注意:並沒有與@AfterClass對應的函式存在
function setUpPage() { alert('setUpPage Invoked'); // 這行程式碼必須放在setUpPage函式的最後一行 // 告訴JsUnit,setUpPage函式已經執行完畢 setUpPageStatus = "complete"; } // setUp run before every test function function setUp() { //alert(count++); //JUnit若這樣執行,count全是0,因為每一個測試方法都會生成新的測試物件; //
JsUnit會遞增count, 因為都是在同一個頁面裡去執行,所以會基於原有的值 //設定初始條件 document.getElementById("value1").value = 2; document.getElementById("value2").value = 3; } // tearDown run after every test function function tearDown() { //alert("tearDown"); //清理狀態 document.getElementById("value1").value = ""; document.getElementById("value2").value = ""; document.getElementById("value3").value = ""; } // 以下為測試函式(Test Function) function testAdd() { var result = add(1, 2); assertEquals(3, result); } function testSubtract() { var result = subtract(1, 2); assertEquals(-1, result); } function testMultiply() { var result = multiply(1, 2); assertEquals(2,result); } function testAddNumbers() { addNumbers(); assertEquals("5", document.getElementById("value3").value); } </script> </head> <body> <input type="text" id="value1"><br> <input type="text" id="value2"><br> <input type="text" id="value3"><br> <input type="button" value="Add" onclick="addNumbers();"> </body> </html>
複製程式碼