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

Question

我正在测试 cypress 中下拉窗口的功能。一旦下拉菜单打开并测试它是可见的。如何测试在菜单外单击会关闭下拉菜单？据我所知，您只能在可点击元素上调用 .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()