QUnit-環境設定

QUnitを使用するには2つの方法があります。

ローカルインストール-ローカルマシンにQUnitライブラリをダウンロードして、HTMLコードに含めることができます。
* CDNベースのバージョン*-Content Delivery Network（CDN）から直接HTMLコードにQUnitライブラリを含めることができます。

ローカルインストール

[[1]]
ダウンロードした qunit-git.js および qunit-git.css ファイルをWebサイトのディレクトリに配置します。/jquery。

例

次のように、HTMLファイルに qunit-git.js および qunit-git.css ファイルを含めることができます-

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

これにより、次の結果が生成されます–

CDNベースのバージョン

コンテンツ配信ネットワーク（CDN）から直接HTMLコードにQUnitライブラリを含めることができます。

'_このチュートリアルでは、jQuery CDNバージョンのライブラリを使用しています。_

例

jQuery CDNのQUnitライブラリを使用して、上記の例を書き直しましょう。

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

これにより、次の結果が生成されます–

Qunit-environment

目次

QUnit-環境設定

ローカルインストール

例

CDNベースのバージョン

例