Cypress e2e тестирование. Невозможно получить элемент тоста Primeng для получения текста

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

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

Пожалуйста, предоставьте дополнительную информацию. Можете ли вы проверить свой элемент и показать нам, как выглядит HTML? Также предоставьте команды cypress, которые вы используете для утверждения. Я уверен, что я или кто-то еще смогу вам помочь.

— 14.12.2018 14:29

cypress

14.12.2018 06:27

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

3 208

Перейти к ответу Данный вопрос помечен как решенный

Ответы 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");
      })
   })
})