CasperJS和'不安全的JavaScript尝试访问带URL的帧'错误

时间:2014-10-31 08:55:19

标签: javascript phantomjs integration-testing casperjs

我有一个简单的页面,用javascript验证输入中写的电子邮件:

email.html:

<!DOCTYPE html>
<html>
    <head>
        <title>Email validation</title>
        <script src="email.js"></script>
    </head>
    <body>
        <span style="padding: 5px;">
            <input type="text" id="email-input" placeholder="Email..."></input>
        </span>
    </body>
</html>

email.js:

var checkEmail = function() {
    var regexp = /BIG_REGEX/;
    var email = document.getElementById('email-input').value;
    if (email === '') 
        removeFrame();
    else if (regexp.test(email))
        drawFrame('green');
    else
        drawFrame('red');
};

var removeFrame = function() {
    var input = document.getElementById('email-input');
    input.parentNode.style.backgroundColor = input.parentNode.parentNode.style.backgroundColor;
};

var drawFrame = function(color) {
    var input = document.getElementById('email-input');
    input.parentNode.style.backgroundColor = color;
};


window.onload = function() {
    document.getElementById('email-input').onkeyup = checkEmail;
};

我想使用CasperJS测试验证功能。这是我的测试用例:

测试/ validator.test.js:

var fillEmail = function(browser, email) {
    browser.sendKeys('#email-input', email, {reset: true});
};

var getValidation = function(browser) {
    var color = browser.evaluate(function () {
        return document.getElementById('email-input').parentNode.style.backgroundColor;
    });
    return color;
};

var validate = function(browser, email) {
    fillEmail(browser, email);
    return getValidation(browser);
};

casper.test.begin('Validation testing', function suite(test) {
    casper.start('http://localhost:8000/email.html', function() {
        test.assertEquals(validate(this, 'uskovm@gmail.com'), 'green', 'uskovm@gmail.com');
        test.assertEquals(validate(this, 'vnbgfjbndkjnv'), 'red', 'vnbgfjbndkjnv');
    }).run(function() {
        test.done();
    });

});

但是当我使用casperjs test test/validator.test.js运行测试时,在有关测试的信息之后总会出现错误:

Unsafe JavaScript attempt to access frame with URL about:blank from frame with URL file:///C:/Users/home/AppData/Roaming/npm/node_modules/casperjs/bin/bootstrap.js. Domains, protocols and ports must match.

出了什么问题?

PhantomJS版本:1.9.8

4 个答案:

答案 0 :(得分:18)

最近的PhantomJS(1.9.8)引入了此错误消息。除了在退出PhantomJS时混淆日志行之外,它不会引起任何实际问题。

在未发布的1.9分支中修复: https://github.com/ariya/phantomjs/pull/12720

答案 1 :(得分:1)

此问题已在phantomjs 1.9版中修复

&#34; phantomjs": "^1.9.9"

for casperJs

casperjs --ssl-protocol=tlsv1 test  run.js

答案 2 :(得分:1)

我收到同样的错误,所以我尝试更新到phantomjs 1.9.9(来自1.9.8)。但是,我在尝试安装1.9.9时遇到了安装错误,所以我向下转到phantomjs 1.9.7,并为我修复了此错误。因此,似乎这是phantomjs 1.9.8中引入的问题。

答案 3 :(得分:0)

嘿,有几种解决方法可以通过以不同的方式退出幻像来尝试解决这个问题,例如

   casperjs --ssl-protocol=tlsv1 test  run.js

哪个剂量没有帮助和

setTimeout(function(){
    phantom.exit();
}, 0);

而不是

this.exit();

没有任何效果!!!

我尝试了几种不同版本的PhantomJS。 我的输出以JSON形式出现,经过JSON.parse(stdout)尝试失败数小时后,我不得不放弃。我想'F'我只是要处理'F'ing错误。

在退出之前这么简单

this.echo(',{"error":"');

发送后

this.echo('"}]');

当我得到我的结果时,我只需替换所有换行符并忽略错误

stdout = stdout.replace(/(?:\r\n|\r|\n)/g, '');

旁注:这个问题试图用幻影1.9.9修复,而是专注于构建与CasperJS不兼容的幻像2.0