При написании автоматических тестов с использованием Cypress важно убедиться, что на веб-странице отсутствуют определенные элементы. Тестирование на отсутствие элементов имеет решающее значение, поскольку оно помогает гарантировать, что приложение ведет себя должным образом, когда определенные компоненты или разделы отсутствуют. В этой статье мы рассмотрим различные методы проверки отсутствия элементов в Cypress, а также приведем примеры кода.

Метод 1: использование утверждения «следует» с «not.exist».
Один простой способ проверить отсутствие элемента — использовать утверждение shouldв Cypress в сочетании с свойство not.exist. Вот пример:

cy.get('.element-selector').should('not.exist');

Этот фрагмент кода проверяет, что элемент с данным селектором не существует на странице.

Метод 2: использование утверждения «следует» с «not.visible».
Свойство not.visibleможно использовать для проверки того, невидим ли элемент на странице. Этот метод полезен, когда ожидается, что элемент присутствует, но скрыт. Вот пример:

cy.get('.element-selector').should('not.be.visible');

Этот код гарантирует, что элемент с указанным селектором не будет виден.

Метод 3: использование утверждения «следует» с «not.be».
Свойство not.beможно комбинировать с другими утверждениями для проверки отсутствия элементов на основе определенных условий. Например:

cy.get('.element-selector').should('not.be', 'visible');

Здесь мы проверяем, что элемент невидим, но вы можете использовать другие свойства, такие как «включено», «сфокусировано» или «отключено», в зависимости от ваших требований.

Метод 4: использование утверждения «следует» с «have.length».
Другой подход — использовать утверждение have.lengthдля проверки отсутствия элементов на основе количества совпадающих элементов. Например:

cy.get('.element-selector').should('have.length', 0);

Этот код гарантирует отсутствие элементов, соответствующих данному селектору.

Метод 5: использование утверждения «следует» с «not.contain».
Если элемент содержит определенный текст или значение, которого не должно быть, вы можете использовать утверждение not.contain. Вот пример:

cy.get('.element-selector').should('not.contain', 'text-to-check');

Этот код проверяет, что элемент не содержит указанного текста.

Тестирование отсутствия элементов имеет решающее значение в автоматизации тестирования Cypress. Используя такие методы, как использование утверждения «следует» с «not.exist», «not.visible», «not.be», «have.length» или «not.contain», вы можете эффективно проверять отсутствие определенных элементов. с веб-страницы. Включив эти методы в свой набор тестов Cypress, вы сможете обеспечить надежность и точность своих тестов.