cypress.io和隐藏元素不存在

Question

我需要检查在我导航到使用以下代码的下一页上是否存在文本（“ Skadesaken min”）：

describe('Folg skade Test', function() {
it('Enter the app', function() {
cy.visit('http://localhost:3000/')
})
it('Select claim', () => {
cy.get('#app > section > article:nth-child(3) > a:nth-child(2)').click()
.next().should('contain', 'Skadesaken min>')
})
})

在cypress开发工具中检查元素时使用选择器，我得到了：

#app > section.col-md-9 > article > h1.hidden-xs

但是，重播脚本时的错误表明该元素是

“ cy.next（）失败，因为此元素与DOM分离。”

有什么解决办法吗？

Answer 1

类似原始元素的声音已从dom中删除，并替换了一个新元素

您可以轻松解决这个问题。

const selector = '#app > section > article:nth-child(3) > a:nth-child(2)';
cy.get(selector).click();
cy.get(selector).should('contain, 'Skadesaken min>')