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

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()