QUnit - Thiết lập môi trường

Có hai cách để sử dụng QUnit.

Local Installation - Bạn có thể tải xuống thư viện QUnit trên máy cục bộ của mình và đưa nó vào mã HTML của bạn.
CDN Based Version - Bạn có thể đưa thư viện QUnit vào mã HTML của mình trực tiếp từ Mạng Phân phối Nội dung (CDN).

Cài đặt cục bộ

Đi đến https://code.jquery.com/qunit/ để tải xuống phiên bản mới nhất có sẵn.
Đặt tải xuống qunit-git.js và qunit-git.css tệp trong thư mục của trang web của bạn, ví dụ: / jquery.

Thí dụ

Bạn có thể bao gồm qunit-git.js và qunit-git.css các tệp trong tệp HTML của bạn như sau:

<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>

Điều này sẽ tạo ra kết quả sau:

Phiên bản dựa trên CDN

Bạn có thể đưa thư viện QUnit vào mã HTML của mình trực tiếp từ Mạng phân phối nội dung (CDN).

Chúng tôi đang sử dụng phiên bản jQuery CDN của thư viện trong suốt hướng dẫn này.

Thí dụ

Hãy để chúng tôi viết lại ví dụ trên bằng cách sử dụng thư viện QUnit từ jQuery CDN.

<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>

Điều này sẽ tạo ra kết quả sau: