在Cypress中如何根据名称选择输入元素?
我开始学柏树了。我想选择输入字段并使用cypress.io提供电话号码。我遵循的代码,但它不起作用。但是,我是否可以使用Find,或者还有其他方法可以让输入元素键入电话号码?
cy.get('div').contains('Phone Number').find('input[name=teacher[0].number]').type('8000-1612023')
<div class="required field">
<label>Phone Number</label>
<div title="Teacher number" class="ui fluid right labeled input no-spinners">
<input required="" type="number" name="teacher[0].number" value="">
<div class="ui label label">US</div>
</div>
</div>
解决方案
为什么不使用以下代码直接定位输入字段
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')
})
});
测试结果:
相关文章