Select with Intern over CSS Selector ID Input Field

Question

嘿，我想 select 与实习生一起完成 CSS 选择器 ID 这个输入字段，并在其中输入一些文本。

<div class="controls input-group has-success">
<input id="billingAddress.firstName" class="form-control valid" type="text" required="" value="" name="billingAddress.firstName" from="1..3" placeholder="" autocomplete="given-name">

我尝试了这个命令，但对我没有任何作用：

findByCssSelector('form input[name=billingAddress.firstName]')

findByCssSelector('form input[name="billingAddress.firstName"]')

findByCssSelector('form input[ID=billingAddress.firstName]')

findByCssSelector('form input[ID="billingAddress.firstName"]')

findByCssSelector('input#billingAddress\.firstName')

findById('billingAddress\.firstName')

findById('billingAddress\.firstName')

示例代码：

findById('billingAddress\.firstName')
        .click()
        .type('test')
        .sleep(200)
        .end()

谁能帮我解决这个问题。谢谢大家关注我的问题

Answer 1

对于findByCssSelector使用属性，属性值应该用引号引起来，如：

.findByCssSelector('input[id="billingAddress.firstName"]')

对于findById，您不需要转义句点（ID 只是一个字符串，不是正则表达式）：

.findById('billingAddress.firstName')

在使用您的 HTML 代码段进行的快速测试中，这两种方法都有效。

Select with Intern over CSS Selector ID Input Field

Select with Intern over CSS Selector ID Input Field

javascript

jquery

css

automation

intern