javascript - 在 Cypress 如何根据名称选择输入元素？

Question

我开始学习 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>

Answer 1

为什么不使用下面的代码直接定位输入框

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

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

HTML:

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

Cypress :

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

测试结果: