javascript - CasperJS 和警报框

Question

如何测试我页面上的警报框是否被调用？我可以抓取警报框的文本并对其进行评估吗？

我在 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.');

我该如何检查？

Answer 1

您必须收听remote.alert 事件：

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);
});

Answer 2

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