cypress.io и скрытого элемента нет в DOM

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 Developer Tool, я получаю это:

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

Однако ошибка при воспроизведении скрипта говорит о том, что элемент

"Ошибка cy.next (), поскольку этот элемент отсоединен от DOM."

есть идеи, как это решить?

Answer 1

Звучит так, как если бы оригинальный элемент был удален из домена, а новый пришел на его место

Вы можете легко обойти это.

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