Учебники

QUnit — настройка среды

Июнь 7, 2018

Есть два способа использования QUnit.

  • Локальная установка — вы можете скачать библиотеку QUnit на своем локальном компьютере и включить ее в свой HTML-код.

  • Версия на основе CDN. Вы можете включить библиотеку QUnit в свой HTML-код непосредственно из сети доставки контента (CDN).

Локальная установка — вы можете скачать библиотеку QUnit на своем локальном компьютере и включить ее в свой HTML-код.

Версия на основе CDN. Вы можете включить библиотеку QUnit в свой HTML-код непосредственно из сети доставки контента (CDN).

Локальная установка

  • Перейдите на https://code.jquery.com/qunit/, чтобы загрузить последнюю доступную версию.

  • Поместите загруженный файл qunit-git.js и qunit-git.css в каталог вашего сайта, например / jquery.

Перейдите на https://code.jquery.com/qunit/, чтобы загрузить последнюю доступную версию.

Поместите загруженный файл qunit-git.js и qunit-git.css в каталог вашего сайта, например / jquery.

пример

Вы можете включить файлы qunit-git.js и qunit-git.css в свой HTML-файл следующим образом:

Live Demo

<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 основанная версия

Вы можете включить библиотеку QUnit в свой HTML-код напрямую из сети доставки контента (CDN).

В этом руководстве мы используем версию библиотеки jQuery CDN.

пример

Давайте перепишем приведенный выше пример, используя библиотеку QUnit из jQuery CDN.

Live Demo 

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

Это даст следующий результат —

39
Share: