Cypress.io: В любом случае, чтобы проверить конкретную сумму прокрутки?

Question

Хотел узнать, есть ли какой-нибудь способ проверить количество прокрутки в определенном диапазоне с помощью Cypress.io.

Более конкретно

1. Начиная с верхней части страницы, нажмите кнопку
2. Страница прокручивается до определенной высоты
3. Проверка правильности высоты прокрутки в определенном диапазоне

Моя попытка: Я полагаю, что лучшим способом будет проверить то, что будет проверять, что текущий div не находится в видимой области экрана телефона. Затем прокрутите вниз, чтобы он стал видимым.

cy.get('#angular-projects').should('not.be.visible') // div #angular-projects
cy.get('#developer-projects').click() // button
cy.get('#angular-projects').should('be.visible')

Хотелось бы узнать, можно ли это сделать через мокко , чай , если нет кипариса обхода

Answer 1

Вы можете получить объект window с помощью cy.window () и затем построить свое утверждение, проверяя, равен ли scrollY тому, что вы ожидаете.

Примерно так должно проверяться, если прокрутка находится между 300 и 500 пикселями сверху (первый аргумент closeTo указывает желаемое значение, а второй - предел ошибки, который вы хотите принять):

cy.window().then(($window) => {
  expect($window.scrollY).to.be.closeTo(400, 100);
});