如何触发外部点击事件？

Question

我正在为React中的一个popover组件编写单元测试和e2e测试。 在组件外部单击时，我应该检查弹出窗口是否被隐藏。 我正在使用Jest + Enzyme进行单元测试，并使用Cypress进行e2e测试。 有人知道该怎么做吗？

我在赛普拉斯尝试过以下方法。

=ADDRESS(MATCH(YEAR(L12),Table!$A$1:$A$26,0),MATCH(MONTH(L12),Table!$A$1:$M$1,0))

但是单击的点实际上在弹出窗口之外，但不起作用。 cy.get('[data-test-id="popover-container"]').click(-20, -20, {force: true}); 库用于显示弹出窗口，如下所示：

react-tiny-popover

Answer 1

您只需点击正文的某处：

Cypress.Commands.add('clickOutside', function(): Chainable<any> {
  return cy.get('body').click(0,0); //0,0 here are the x and y coordinates
});

测试中：

cy.get('[data-test-id="popover-container"]').clickOutside();

click reference