Тестирование переполнения горизонтальной прокрутки на мобильных устройствах с помощью Cypress

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

Наконец я понял, что могу использовать функцию scrollTo в Cypress.

it("should not have side scroll on about", function () {
   cy.viewport("iphone-6");
   cy.visit("/software/spotify/about/");

  cy.scrollTo("topRight");
  cy.window().its("scrollX").should("equal", 0);
});
Вход в полноэкранный режим Выход из полноэкранного режима

Итак, что это делает: устанавливает область просмотра на iPhone 6, переходит на страницу сайта, прокручивает ее до правого верхнего угла И затем, если scrollX больше нуля, то Cypress смог переместить всю страницу, т.е. у меня есть ошибка, которая вызвала прокрутку боковой панели на странице.

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

Оцените статью
devanswers.ru
Добавить комментарий