QUnit тестирование с таймаутом gulp test, тест не запускается вообще - PullRequest
Новая
       19

QUnit тестирование с таймаутом gulp test, тест не запускается вообще

0 голосов
/ 28 ноября 2018

Я пытаюсь проверить поведение этого фрагмента кода: 

function SinglePageNoUrl(){

    $("*[data-page=\"container\"] *[data-page=\"page\"]").on('page-change',function(e,preCallback,postCallback){
       var target=e.target;

       if(preCallback){
        preCallback(target);
       }

       $("*[data-page=\"container\"] *[data-page=\"page\"]").not(target).attr("data-page-status","destroyed");
       $("*[data-page=\"container\"] *[data-page=\"page\"]").not(target).trigger("page-destroy");

       $("*[data-page=\"spinner\"").show();
       $(target).attr("data-page-status","loading");

       $(target).trigger('page-init',[function(err){
           if(!err){
            console.log("Shown");

           $(target).removeAttr("data-page-status");
            $("*[data-page=\"spinner\"").hide();
            if(postCallback){
               postCallback(null,target);
            }

           } else {
               console.error("Error Occured during page load:",err);
               if(postCallback){
                postCallback(error,target);
              }
           }
       }]);

    });

    $("*[data-page-options=\"default\"]").trigger('page-change');
}

С помощью следующего теста: 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="../node_modules/qunit/qunit/qunit.css">
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture">
    <div data-page="container">
        <div id="spinner" data-page="spinner">
            Please Wait...
        </div>
        <div id="page1" data-page="page" data-page-options="default">
            <h1>PAGE 1</h1>
        </div>
        <div id="page2" data-page="page">
            <h1>PAGE 2</h1>
        </div>    
    </div>
  </div>
  <script src="../node_modules/qunit/qunit/qunit.js"></script>
  <script src="../node_modules/qunit-dom/dist/qunit-dom.js"></script>
  <script src="../node_modules/jquery/dist/jquery.js"></script>
  <script src="../lib/no_url_pager.js"></script>

  <script>
      QUnit.testStart(function(){
        $("#page1").on('page-init',function(e,callback){
            callback(null);
        });

        $("#page2").on('page-init',function(e,callback){
            callback(null);
        });

        SinglePageNoUrl();
      });

      QUnit.test( "Is shown the default page.", function( assert ) {
        assert.notOk($('#page1').attr('data-page-status') !== undefined,"Shown page does not have attribute data-page-status");
      });
  </script>
</body>
</html>

Идея теста заключается в том, что страница по умолчанию (#page1 с атрибутом data-page-options="default") не имеет атрибута data-page-status.

Я запускаю тесты через gulp, как показано ниже: 

const gulp = require('gulp');
const qunit = require('node-qunit-phantomjs');
const fs = require('fs');

gulp.task('test', (done) => {
    fs.readdir('./tests', (err, files) => {
        files.forEach(file => {
          qunit('./tests/'+file);
        });
        done();
    });
});

И все тесты расположены впапка tests, как показано в следующей структуре: 

- .
-- tests
--- simple_basic.html <<< Test file

Но у меня возникает следующая проблема, когда я запускаю gulp test Он показывает следующий вывод: 

> no_url_page@0.1.0 test /home/pcmagas/Kwdikas/Javascript/no_url_page
> gulp test

[23:20:46] Using gulpfile ~/Kwdikas/Javascript/no_url_page/gulpfile.js
[23:20:46] Starting 'test'...
Testing file:////home/pcmagas/Kwdikas/Javascript/no_url_page/tests/simple_basic.html
[23:20:46] Finished 'test' after 16 ms
The specified timeout of 5 seconds has expired. Aborting...
phantomjs://code/runner-json.js:89

Насколько японимаю, что как-то утверждение не сработало или тест не запустился вообще.Также я могу доказать эту ошибку, заменив мой тестовый код на: 

  QUnit.test( "Is shown the default page.", function( assert ) {
      console.log("Test Running");
    assert.notOk($('#page1').attr('data-page-status') !== undefined,"Shown page does not have attribute data-page-status");
    console.log("Test has executed");
  });

Итак, вы знаете, почему тест не запускается вообще и почему?

...