cypress.io和隐藏元素在DOM中不存在

cypress.io和隐藏元素在DOM中不存在,cypress,Cypress,我需要检查下一页是否有文本(“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-c

我需要检查下一页是否有文本(“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 developer工具中检查元素时使用选择器,我得到以下结果:

#app > section.col-md-9 > article > h1.hidden-xs
但是,重放脚本时出现的错误表明该元素是

“cy.next()失败,因为此元素已从DOM分离。”


你知道如何解决这个问题吗?

听起来像是原始元素从dom中删除了,取而代之的是一个新元素

你可以很容易地解决这个问题

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

看起来元素被重新渲染或删除了。请在单击as cy.get($selector).should(…)后启动一个新链,再次尝试选择元素