在赛普拉斯中如何根据名称选择输入元素？

Question

我开始学习赛普拉斯。我想选择输入字段并使用 cypress.io 提供电话号码。我遵循的代码但它不起作用。但是，我可以使用 find 还是有另一种方法让 input 元素输入电话号码？

cy.get('div').contains('Phone Number').find('input[name=teacher[0].number]').type('8000-1612023')

cy.get('div').contains('Phone Number').find('input[name=teacher[0].number]').type('8000-1612023')

Answer 1

为什么不直接使用以下代码定位输入字段

cy.get('input[name="teacher[0].number"]').type('8000-1612023')

请在下面找到成功测试的屏幕截图。我还建议您将 HTML 中的输入类型更改为 tel

HTML：

<input required="" type="tel" name="teacher[0].number" value="">

柏：

describe('Trial', function() {
it('Test', function() {
    cy.visit('http://localhost:8080/trials/')
    cy.get('input[name="teacher[0].number"]').type('8000-1612023')
})
});

测试结果：

Answer 2

试试这个：

cy.contains('div', 'Phone Number').find('input').first().type('8000-1612023')

的第一个参数contains告诉 cypress 使用包含文本的选择器查找元素。