Одна из ошибок, которая время от времени появляется, заключается в том, что какой-то элемент на странице переполняется и заставляет переполняться всю страницу. Я хотел создать тест в 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 смог переместить всю страницу, т.е. у меня есть ошибка, которая вызвала прокрутку боковой панели на странице.
Конечно, эта ошибка обычно вызвана плохими данными, но, по крайней мере, я могу отловить некоторые проблемы таким образом.