QUnit-実行手順

この章では、QUnitのメソッドの実行手順について説明します。これは、最初に呼び出されるメソッドとその後に呼び出されるメソッドを示しています。次に、QUnitテスト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関数をリセットするだけです。

Qunit-execution-procedure

QUnit-実行手順

出力を確認する