如何测试从下拉菜单中单击并关闭的功能

Question

我正在测试 cypress 中下拉菜单 window 的功能。打开下拉菜单并测试它是否可见。如何测试在菜单外单击会关闭下拉菜单？据我所知，您只能在可点击元素上调用 .click()，否则会引发错误。

it('Clicking on away from the dropdown menu should close the menu', () => {
    cy.get('???????').click()
    cy.get('#menu').should('not.be.visible')
  })

Answer 1

我假设您的下拉菜单真的听 blur。在这种情况下，您可以执行以下任一操作：

cy.get('#menu').blur()

或

cy.get('body').focus()

如何测试从下拉菜单中单击并关闭的功能

How to test the functionality of clicking away from a dropdown menu, and it closing

e2e-testing

cypress