CypressError:cy.click()失败,因为此元素正被另一个元素覆盖



因此,我正在尝试运行Cypress测试,用户转到右上角的下拉列表,单击"我的设置",然后单击名为"隐私政策:"的链接

it.only('2.5 - Press "Privacy Policy" on the "My Settings" screen. - "Armadillo Privacy Policy" screen is displayed', () => {
cy.login()
cy.get('body div button[data-cy=usermenubutton]')
.click()
.get('body div ul li[data-cy=mySettings]')
.contains('My Settings')
.click()
cy.get('a[href="/legal/privacy"]')
.click()
cy.screenshot()
})

然而,无论我如何重构,我都会继续得到这个错误:

cy.click() failed because this element:
<a class='MuiTypography-root-bwkfm MuiTypography-root MuiTypography-inherit MuiTypography-root-dfghjk MuiLink-root MuiLink-underlineAlways" href="/legal/privacy">Privacy...</a>
is being covered by another element:
<div aria-hidden="true" class="MuiBackdrop-root-fghjkl hjk MuiBackdrop-root MuiBackdrop-invisible MuiModal-backdrop-klghjkhg tyutyu style="opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"></div>
Fix this problem, or use {force: true} to disable error checking.

由于您的元素被另一个元素覆盖,您可以使用click({force: true})来禁用错误检查并执行单击。

cy.get('a[href="/legal/privacy"]').click({force: true})

最新更新