Как модулизовать шаги тестирования CasperJS?

Я новичок в CasperJS, и я начал создавать набор тестов. Некоторые из этапов (например, вход в приложение) будут многократно использоваться, поэтому мы хотели бы управлять ими в библиотечных файлах (которые включены в тестовые файлы).

Кроме того, мы работаем с несколькими средами (dev, интеграция, производство и т.д.), поэтому нам нужно параметризовать этапы тестирования для этого, поэтому возможно передать параметры модулям.

Я искал документацию и stackoverflow (я знаю, что есть похожие вопросы), но мои навыки Javascript слишком ограничены, и я не смог его запустить.

Это мой тестовый файл:

// googletesting.js
casper.test.begin('Google search retrieves 10 or more results', 5, function suite(test) {
    casper.start("http://www.google.fr/", function() {
        test.assertTitle("Google", "google homepage title is the one expected");
        test.assertExists('form[action="/search"]', "main form is found");
        this.fill('form[action="/search"]', {
            q: "casperjs"
        }, true);
    });

    casper.then(function() {
        test.assertTitle("casperjs - Recherche Google", "google title is ok");
        test.assertUrlMatch(/q=casperjs/, "search term has been submitted");
        test.assertEval(function() {
            return __utils__.findAll("h3.r").length >= 10;
        }, "google search for \"casperjs\" retrieves 10 or more results");
    });

    casper.run(function() {
        test.done();
    });
});

И так должно быть (или похожее):

// googletesting2.js
casper.test.begin('Google search retrieves 10 or more results', 5, function suite(test) {

    doGoogleSearch('casperjs'); // pass a search term
    doChecks();

    casper.run(function() {
        test.done();
    });
});

Ответы

Ответ 1

Factorize CasperJS

Команда:

  $ casperjs test ./scenarios/

Файлы:

//login.js, you could also create a js function, var login = function(){...} but i prefer extending, that way i don't mixt js functions and casperjs functions.
casper.login = function (id,password) {
    casper.then(function(){
    this.test.comment('----------------Connexion Only ! : --------------------');
        ...
    });
};

//global.js
var x = require('casper').selectXPath;

casper.on('capture.saved', function(targetFile) {
    this.echo('screen properly done at ' + targetFile);
});
casper.test.on('fail', function() {
    casper.capture('screenshots/fail.png');
});

//test_call_function_login.js
phantom.injectJs( './global.js');   //executed in ccm folder
phantom.injectJs( './_functions/login.js'); 

//or absolute path if you want to execute the test files individually too
phantom.injectJs( 'C:/bin/casperjs/ccm/global.js');
phantom.injectJs( 'C:/bin/casperjs/ccm/_functions/login.js');

//best way to use include for me : you can both execute a folder or a file
phantom.injectJs(fs.workingDirectory + '/../../global.js');

casper.test.begin('\n********* Title suite : ***********\n', 5 , function suite(test) {
    casper.start('http://www.yourUrl.com',function(){
        this.test.assertExists('.search','Search toolbar present');
    })
    .viewport(1200,800)

    .then(function() {
        casper.login("your pseudo","your password");
    })  
    .then(function() {
        this.echo("your tests");
    })  
    .run(function() {
            this.test.comment('----------------------- Steps done ------------------------\n');
            test.done();
    });
});

Global.js: глобальные переменные или/и обработчики событий, которые могут использоваться повсюду.

Вы также можете включить свои функции (команда), используя:

$casperjs test {...} --includes =/путь/к/function1.js,/путь/к/function2.js

Вот пример: https://gist.github.com/n1k0/3813361

Это зависит от вас, если вы предпочитаете phantom.injectJS(...) или использовать параметры команды: --pre (вызывается перед всеми скриптами), - включает (вызывается в начале каждого script -выше каждый на самом деле -).

Папки выполняются в алфавитном порядке, то же самое для файлов в папках. Вы можете использовать 0_file1.js, 1_file2.js для их заказа, но все мои тестовые скрипты (или скрипты папок) могут выполняться индивидуально, поэтому для меня это не важно.

Немного поздно знаю.

Вы также можете использовать require() nodeLike: Пользовательские модули casperjs.

Ответ 2

Просто поместите тот же код в функции. Существуют различные способы передачи test в функции. Самый простой способ - передать его как параметр.

casper.test.begin('Google search retrieves 10 or more results', 5, function suite(test) {

    doGoogleSearch(test, 'casperjs'); // pass a search term
    doChecks(test);        

    casper.run(function() {
        test.done();
    });
}); 

function doGoogleSearch (test, q) {
    test.assertTitle("Google", "google homepage title is the one expected");
    test.assertExists('form[action="/search"]', "main form is found");
    this.fill('form[action="/search"]', {
        q: q
    }, true);

}

function doChecks (test) {
    test.assertTitle("casperjs - Recherche Google", "google title is ok");
    test.assertUrlMatch(/q=casperjs/, "search term has been submitted");
    test.assertEval(function() {
        return __utils__.findAll("h3.r").length >= 10;
    }, "google search for \"casperjs\" retrieves 10 or more results");
}

Опять же, если вы поместите эти 2 функции в область действия suite, эти функции автоматически получат доступ к test.

Другой способ - установить его как window.test = test; внутри suite и test будет доступен по всему миру. Все функции могут получить к нему доступ.