如何在CasperJS中填写没有id和名称的div中的输入字段

Question

我有以下页面代码，它有两个输入字段，一个用于用户名，另一个用于密码：

在其他一些页面中，它似乎非常简单，使用下面的casperjs代码我可以登录：

...        
    test.assertExists('form[name="loginForm"]', "Login form is found");
    this.fill('form[name="loginForm"]', {
              'userId': 'admin',
              'password': 'admin'
    }, true);
...

但在这种情况下，输入字段没有在填充函数中使用的名称！

从页面我可以看出该表单被称为'loginForm'但是如何填充没有id和名称的输入字段？

重要的是我需要在此步骤后继续登录才能继续在同一页面上进行其他测试。

Answer 1

您可以使用casper.fillSelectors()而不是casper.fill()的任意CSS选择器。

在你的情况下可能是

this.fillSelectors('form[name="loginForm"]', {
    'input.eaLogin-loginUsername': 'admin1',
    'input.eaLogin-loginPassword': 'admin2'
}, true);