QUnit - ขั้นตอนการดำเนินการ

บทนี้จะอธิบายขั้นตอนการดำเนินการของเมธอดใน QUnit ซึ่งระบุว่าวิธีการใดถูกเรียกใช้ก่อนและวิธีใดหลังจากนั้น ต่อไปนี้เป็นขั้นตอนการดำเนินการของเมธอด QUnit test API พร้อมตัวอย่าง

<html>
   <head>
      <meta charset = "utf-8">
      <title>QUnit basic example</title>
      <link rel = "stylesheet" href = "https://code.jquery.com/qunit/qunit-1.22.0.css">
      <script src = "https://code.jquery.com/qunit/qunit-1.22.0.js"></script>
   </head>
   
   <body>
      <div id = "qunit"></div>
      <div id = "qunit-fixture"></div> 
      <script>
         QUnit.module( "Module A", {
            beforeEach: function( assert ) {
               assert.ok( true, "before test case" );
            }, afterEach: function( assert ) {
               assert.ok( true, "after test case" );
            }
         });
         
         QUnit.test( "test case 1", function( assert ) {
            assert.ok( true, "Module A: in test case 1" );
         });
         
         QUnit.test( "test case 2", function( assert ) {
            assert.ok( true, "Module A: in test case 2" );
         });
		 		 
         QUnit.module( "Module B" );		
         QUnit.test( "test case 1", function( assert ) {
            assert.ok( true, "Module B: in test case 1" );
         });
         
         QUnit.test( "test case 2", function( assert ) {
            assert.ok( true, "Module B: in test case 2" );
         });		 
      </script>
   </body>
</html>

ตรวจสอบผลลัพธ์

คุณควรเห็นผลลัพธ์ต่อไปนี้ -

นี่คือขั้นตอนการดำเนินการ QUnit เป็นอย่างไร

โมดูลนี้ใช้เพื่อจัดกลุ่มกรณีทดสอบ
beforeEach() วิธีการดำเนินการสำหรับแต่ละกรณีการทดสอบอย่างไรก็ตามก่อนที่จะดำเนินการกรณีทดสอบ
afterEach() วิธีการดำเนินการสำหรับแต่ละกรณีทดสอบอย่างไรก็ตามหลังจากการดำเนินการของกรณีทดสอบ
ในระหว่าง beforeEach() และ afterEach() แต่ละกรณีการทดสอบดำเนินการ
โทร QUnit.module() อีกครั้งเพียงรีเซ็ตฟังก์ชัน beforeEach / afterEach ใด ๆ ที่กำหนดโดยโมดูลอื่นก่อนหน้านี้