cypress - 如何使用 Cypress 清除多选输入？

Question

如何使用 Cypress 清除(取消选择)多选输入中的所有选项？

这里的文档似乎没有涵盖这种情况:https://docs.cypress.io/api/commands/select.html#Syntax

clear()如您所料，命令显然不能应用于选择 https://docs.cypress.io/api/commands/clear.html#Syntax

我尝试将空字符串/数组/null 传递给 select()但我收到以下错误:

CypressError: Timed out retrying: cy.select() failed because it could not find a single <option> with value or text matching: ''

Answer 1

自 Cypress 8.6.0 起， Cypress 支持此功能:https://stackoverflow.com/a/69537449/3474615

---

8.6.0 之前:

您可以使用 cy.invoke()调用.val('')底层 JQuery 元素上的方法，这将导致它被清除。

像这样:

cy.get('select')
.invoke('val', '')

请注意，这不会发出 change 事件。如果您想测试您的代码是否对 change 事件作出 react ，您可以使用 cy.trigger() 使其发出:

cy.get('select')
.invoke('val', '')
.trigger('change')

---

我也有filed a feature request for this functionality ，因为它看起来确实应该默认包含在 Cypress 中。