QUnit - Moduli annidati

I moduli con funzioni di test raggruppate vengono utilizzati per definire i moduli nidificati. QUnit esegue i test sul modulo genitore prima di approfondire quelli annidati, anche se vengono dichiarati per primi. IlbeforeEach e afterEachi callback su una chiamata di modulo annidata verranno impilati in modalità LIFO (Last In, First Out) agli hook genitori. È possibile specificare il codice da eseguire prima e dopo ogni test utilizzando l'argomento e gli hook.

Gli hook possono anche essere usati per creare proprietà che saranno condivise nel contesto di ogni test. Qualsiasi proprietà aggiuntiva sull'oggetto hooks verrà aggiunta a quel contesto. L'argomento hooks è facoltativo se si chiama QUnit.module con un argomento callback.

La richiamata del modulo viene invocata avendo il contesto come ambiente di test, con le proprietà dell'ambiente copiate nei test, hook e moduli nidificati del modulo.

<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( "parent module", function( hooks ) {
            hooks.beforeEach( function( assert ) {
               assert.ok( true, "beforeEach called" );
            });

            hooks.afterEach( function( assert ) {
               assert.ok( true, "afterEach called" );
            });

            QUnit.test( "hook test 1", function( assert ) {
               assert.expect( 2 );
            });

            QUnit.module( "nested hook module", function( hooks ) {
               // This will run after the parent module's beforeEach hook
               hooks.beforeEach( function( assert ) {
                  assert.ok( true, "nested beforeEach called" );
               });

               // This will run before the parent module's afterEach
               hooks.afterEach( function( assert ) {
                  assert.ok( true, "nested afterEach called" );
               });

               QUnit.test( "hook test 2", function( assert ) {
                  assert.expect( 4 );
               });
            });
         });
      </script>

      <div id = "console" ></div>
   </body>
</html>

Verifica l'output

Dovresti vedere il seguente risultato: