CasperJS和警报框

时间:2013-02-04 22:01:43

标签: javascript testing tdd phantomjs casperjs

如何测试我的页面上的警告框被调用?我可以获取警告框的文本并对其进行评估吗?

我在CasperJS中的点击是这样完成的:

casper.waitForSelector('a[href="javascript:UserLogin()"]',
    function success() {
        this.test.comment("Submiting the bad login info");
        this.test.assertExists('a[href="javascript:UserLogin()"]');
        this.click("a#h_login");
    },
    function fail() {
        this.test.assertExists('a[href="javascript:UserLogin()"]');
});

UserLogin函数检查并在这种情况下返回:

alert('Login has failed.');

我该如何检查?

2 个答案:

答案 0 :(得分:13)

您必须收听remote.alert event

casper.on('remote.alert', function(message) {
    this.echo('alert message: ' + message);
    // or if you want to test it
    this.test.assertMatch(message, /Login has failed/);
});

尝试使其更加同步

function testAlert(message) {
    this.test.assertMatch(message, /Login has failed/);
}

casper.then(function() {
    // temporarily registering listener
    this.on('remote.alert', testAlert);
});

casper.waitForSelector('#login', function success() {
    this.test.pass('selector was found');
    this.click("#login");
}, function fail() {
    this.test.fail('selector was found');
});

casper.then(function() {
    this.removeListener('remote.alert', testAlert);
});

答案 1 :(得分:5)

版本1.1-beta4提供casper.waitForAlert function。有了它,您可以在需要对页面上的不同警报作出反应时编写更好的测试。