小编Jin*_*Jin的帖子

如何为父元素隐藏 css 属性的元素编写 cypress 可见断言？\n我有以下 HTMl 代码

<td class="item-total item-total-mobile-hidden">\n<p class="mobile-show block-price-text">Total Price:</p>\n<span class="price-total">\n$699.99\n</span>\n</td>\n

当我编写以下 cypress 代码来断言价格元素可见时

Cy.get('.price-total').should('be.visible')\n

我收到此错误消息\n重试超时：预期“<span.price-total>”为“可见”

此元素 <span.price-total> 不可见，因为其父元素 <div.item-total-price-mobile-show> 具有 CSS 属性：display: none

我必须尝试在控制台上调试它（将跨度放入变量 $0 中）

\n

$0
\n<span class=\xe2\x80\x8b"价格总计">\xe2\x80\x8b\n$699.99\n\xe2\x80\x8b> \xe2\x80\x8b\nCypress.dom.isVisible( $0)\n正确

\n

这里显示了 span 元素 isVisible true，但我无法断言它。\n我通过调用子元素上的文本尝试了以下操作，但它也不起作用

cy.get('.price-total').invoke('text')\n      .then((text)=>{\n        const divTxt = text;\nexpect(divTxt).to.be.visible; })\n

这不起作用，我收到以下错误，因为 cypress 无法找到隐藏元素\n重试超时：预期找到元素：.price-total，但从未找到它。

断言元素 <span class=\xe2\x80\x8b"price-total">\xe2\x80\x8b 可见的最佳方法是什么？