Как протестировать приложение React в мобильных измерениях?

Question

Я создаю приложение React и тестирую его с помощью библиотек Cypress и React Testing.

Мне было интересно: как я могу протестировать приложение "на мобильном". Имеется в виду, как я могу написать тесты для приложения, которое запускается, если размер окна ниже точки останова? Я не мог найти что-нибудь об этом в соответствующей документации пакетов.

Answer 1

Возможно, вам придется проверить эту страницу - https://docs.cypress.io/api/commands/viewport.html

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

Заданная ширина высота

• macbook-15 1440 900
• macbook-13 1280 800
• macbook-11 1366 768
• ipad-2 768 1024
• ipad-mini 768 1024
• iphone-6 + 414 736
• iphone-6 375 667
• iphone-5 320 568
• iphone-4 320 480
• iphone-3 320 480

Просто нужно пройти cy.viewport('iphone-6') который установит область просмотра 375px x 667px. Надеюсь это поможет.