QUnit - Ortam Kurulumu

QUnit'i kullanmanın iki yolu vardır.

Local Installation - QUnit kitaplığını yerel makinenize indirebilir ve HTML kodunuza ekleyebilirsiniz.
CDN Based Version - QUnit kitaplığını HTML kodunuza doğrudan İçerik Dağıtım Ağı'ndan (CDN) dahil edebilirsiniz.

Yerel Kurulum

Şuraya git https://code.jquery.com/qunit/ mevcut en son sürümü indirmek için.
İndirilenleri yerleştirin qunit-git.js ve qunit-git.css dosya, web sitenizin bir dizininde, örneğin / jquery.

Misal

Dahil edebilirsiniz qunit-git.js ve qunit-git.css HTML dosyanızdaki dosyalar aşağıdaki gibidir -

<html> 
   <head> 
      <meta charset = "utf-8"> 
      <title>QUnit basic example</title> 
      <link rel = "stylesheet" href = "/jquery/qunit-git.css"> 
      <script src = "/jquery/qunit-git.js"></script> 
   </head> 
   
   <body> 
      <div id = "qunit"></div> 
      <div id = "qunit-fixture"></div>  
      <script> 
         QUnit.test( "My First Test", function( assert ) { 
            var value = "1"; 
            assert.equal( value, "1", "Value should be 1" ); 
         }); 
      </script> 
   </body> 
</html>

Bu, aşağıdaki sonucu verecektir -

CDN Tabanlı Sürüm

QUnit kitaplığını HTML kodunuza doğrudan İçerik Dağıtım Ağı'ndan (CDN) dahil edebilirsiniz.

Bu eğitim boyunca kitaplığın jQuery CDN sürümünü kullanıyoruz.

Misal

Yukarıdaki örneği jQuery CDN'den QUnit kitaplığını kullanarak yeniden yazalım.

<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.test( "My First Test", function( assert ) {
            var value = "1";
            assert.equal( value, "1", "Value should be 1" );
         });
      </script>
   </body>
</html>

Bu, aşağıdaki sonucu verecektir -