javascript - 使用 cy.get 和 cypress/javascript 在 html 框中输入内容找不到 id

Question

我是 cypress/html 的新手，我正在尝试在以下地址框中键入地址

<input type="text" title="Street Address 1" name="billing[street][]" id="billing:street1" value="" class="input-text " autocomplete="address-line1">

所以我想做的就是在这个框中输入一些内容，然后我写

cy.get('#billing:street1').type('1322 the gulag archipelago')

但是我在 cypress 中收到以下错误:

预计会找到“#billing:street1”，但从未找到。

所以我的问题是为什么这不起作用，因为我之前已经通过 id 完成了这个 .get 并且它已经起作用了。

编辑:我是否需要使用“billing:street1”或类似的内容来指定 : 的含义。我专门尝试过这个，但没有成功。

提前谢谢您。

Answer 1

有多种方法可以做到这一点。

使用元素标签本身:

cy.get('input').type('1322 the gulag archipelago');

使用属性标签之一:

cy.get('[title="Street Address 1"'].type('1322 the gulag archipelago');

cy.get('[id="billing:street1"]).type('1322 the gulag archipelago');

cy.get('[class="input-text "]').type('1322 the gulag archipelago');

从表单元素内:

cy.get('[sample-form-id="ExampleAddressForm"]').within(() => {
    cy.get('input').type('1322 the gulag archipelago');
});

如果这是页面上的第三个输入:

cy.get('input').then((inputs) => {
    cy.get(inputs[3]).type('1322 the gulag archipelago');
});