Cypress e2e тестирование.Невозможно получить элемент тоста primeng, чтобы получить текст

Question

Я использую Cypress для тестирования e2e, и у меня есть основные сообщения.Я хочу, чтобы текст присутствовал в тосте, но когда я запускаю тост и пытаюсь получить элемент, но я не могу получить элемент.

ссылка на тост: - https://www.primefaces.org/primeng/#/toast.

Answer 1

Тестирование тостового сообщения немного сложнее, поскольку сообщение toast будет длиться всего несколько секунд.Вы могли бы, вероятно, добавить cy.wait() в такой ситуации.Другая проблема, которую я здесь заметил, заключается в следующем: https://www.primefaces.org/primeng/#/toast имеет задержку загрузки в браузере Cypress Chrome 70 .Я добавил тесты для проверки текста сообщений Success и Error внутри тоста.Добавлен скриншот прохождения тестов.

describe('Find the toast message', function() {
   it('Test the toast message', function() {
    cy.visit('https://www.primefaces.org/primeng/#/toast')
    cy.get('button[label="Success"]').find('span').contains("Success").click({force:true})
    cy.wait(1000)
    cy.get('div.ui-toast-detail').invoke('text')
     .then((text)=>{
       const toastText = text;
       expect(toastText).to.equal("Order submitted");
     })
    cy.wait(1000)
     cy.get('button[label="Error"]').find('span').contains("Error").click({force:true})
     cy.wait(1000)
     cy.get('.ui-toast-message-content').find('div').find('div').contains("Validation failed").invoke('text')
      .then((text)=>{
        const toastText = text;
        expect(toastText).to.equal("Validation failed");
      })
   })
})