使用CasperJS无法正常登录，按钮显示为灰色

Question

我正在尝试使用CasperJS登录此Web应用程序。我已成功填写表单，但由于某种原因无法登录。我已经尝试过等待时间以及点击电子邮件/密码字段。当我在所有操作后进行屏幕捕获时，我看到的是：

登录按钮显示为灰色，我不确定原因。如果有人知道某个工作以某种方式登录到这个网站，这里是我正在使用的代码：

var links = [], linkHolder = [], result = '<p>';
var casper = require('casper').create({   
    verbose: true, 
    logLevel: 'debug',

    pageSettings: {
         loadImages:  true,         // The WebPage instance used by Casper will
         loadPlugins: true,         // use these settings
         userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.130 Safari/537.36'
    }
});

casper.options.viewportSize = {width: 1600, height: 950};

casper.on('remote.message', function(msg) {
    this.echo('remote message caught: ' + msg);
});

casper.start('https://app.relateiq.com/', function() {
    this.wait(5000, function() {
        casper.waitForSelector('form.sign-in-form input.ng-valid-email', function() {
            casper.evaluate(function(username, password) {
                document.querySelector('form.sign-in-form input.ng-valid-email').click();
                document.querySelector('form.sign-in-form input.ng-valid-email').value = username;
                document.querySelector('div.password-container input').click();
                document.querySelector('div.password-container input').value = password;
                this.wait(5000, function() {
                    document.querySelector('form.sign-in-form button.btn-primary').click(); 
                });
            }, 'myemail@myemail.com', 'myassociatedpassword');
        }, true);
    });

    casper.then(function(){
        this.wait(5000, function() {
            this.capture('./relateScreen.png');
            this.echo("Page Title " + this.getTitle());
        })
    })
});

我如何解决这个看似已禁用的登录按钮？

Answer 1

网站是为在网站提供的字段中输入信息的人编写的。当您使用images.append(nil)时，您需要设置输入元素的值，但这并不意味着会触发附加事件来表示值的更改。你不得不以某种方式触发改变事件。

PhantomJS提供了sendEvent()函数，它实际上提供了本机操作。使用此功能时，网站无法与普通用户区分（除了打字速度和模式）。

CasperJS使用sendKeys()提供了一个包装器：

inputElement.value = "myValue";

现在，您不再需要使用casper.sendKeys('form.sign-in-form input.ng-valid-email', 'myemail@myemail.com'); casper.sendKeys('div.password-container input', 'myassociatedpassword'); casper.click('form.sign-in-form button.btn-primary'); 在页面上下文中设置这些字段。此外，您无法在页面上下文中使用evaluate()，因为只有clientutils module中的函数会在页面上下文中公开。