Javascript Cypress测试：在React应用程序中将元素的不透明度设置为0以隐藏它

我正在努力理解如何将元素的不透明度设置为0，或者在任何情况下隐藏它，以便能够访问它隐藏的元素并阻止Cypress与之交互

我尝试了与Cypress捆绑的native.blur（），但没有效果

所讨论的元素是一个下拉框。手动关闭它的唯一方法是单击主页面主体。我想点击下一个下拉列表，这样它就可以打开并进行选择，但它是“隐藏的”

我的测试代码段：

it('Select Houses', function () {
cy.selectMainMenu();
clickByLabelText(page, 'Sector')
cy.get(.......
})

it('Select Pricing', function () {
cy.selectMainMenu();
clickByLabelText(page, 'Pricing')
cy.get(........
})

下拉标记如下所示：

<div class="MuiPaper-root MuiMenu-paper MuiPaper- 
elevation8 MuiPopover-paper MuiPaper-rounded" 
role="document" tabindex="-1" style="opacity: 1; 
transform: none; min-width: 200px....>

我不相信这个应用程序正在使用JQuery

我的错误是：

CypressError: Timed out retrying: cy.click() failed because this element:

<a class="App_navItem__3Eb6P App_navItemForceFocus__2xkR3" href="/pricing" aria- 
current="page">Pricing</a>

is being covered by another element:

CypressError:超时重试：cy.click（）失败，因为此元素：
正在由另一个元素覆盖：

---

我尝试使用{force:true}单击另一个下拉列表，但没有任何乐趣。此外，我看不出其他下拉列表是否符合此处概述的“隐藏”标准：

Hmm我认为如果您不想确定哪个元素是“在顶部”并将被单击，则应设置

z-index

，而不是不透明度，或者？@DurkoMatko很可能——但没有z——在检查元素时，代码中会暴露索引，所以我不清楚我是如何做到这一点的

CypressError: Timed out retrying: cy.click() failed because this element:

<a class="App_navItem__3Eb6P App_navItemForceFocus__2xkR3" href="/pricing" aria- 
current="page">Pricing</a>

is being covered by another element: