cypress - 如何使用 Cypress 获取元素类型 ="email"？

Question

我目前正在尝试学习用于自动化测试的 Cypress。

我想找到并点击这个元素:

<input type="email" class="form-control text-ellipsis-global GKMU5SYDM3B" id="gwt-uid-1419" data-empty="true">

我无法使用 ID 或“GKMU5SYDM3B”，因为它们都是由 GWT 随机生成的。

我希望我的命令类似于这样:

cy.get('input').type('email').click().type('fake@email.com')
  .should('have.value', 'fake@email.com')

我尝试了这个并收到以下错误消息:

CypressError: cy.type() can only be called on a single element. Your subject contained 4 elements.

Answer 1

这应该有效。

 cy.get("[type='email']")

 cy.get("[type='email']").type('myemail@domain.com')

我经常做的是首先在浏览器控制台中尝试使用 JQUERY。你不应该点击它来输入它。

如果您周围有一些父元素，例如 div，您可能还想包含它。

<div id='parent'>
    <input type="email" class="form-control text-ellipsis-global GKMU5SYDM3B" id="gwt-uid-1419" data-empty="true">
</div>

所以你会去

cy.get('#parent').find("[type='email']").type('myemail@domain.com')