如何在移动维度上测试 React 应用程序？
How to test a React app in mobile dimensions?
我正在构建一个 React 应用程序并使用 Cypress 和 React 测试库对其进行测试。
我想知道：如何测试应用 "on mobile"。这意味着如果 window 大小低于断点，我如何为 运行 的应用程序编写测试？我在相应的包文档中找不到任何相关信息。
您可能需要查看此页面 - 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-迷你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。希望这有帮助。
我正在构建一个 React 应用程序并使用 Cypress 和 React 测试库对其进行测试。
我想知道：如何测试应用 "on mobile"。这意味着如果 window 大小低于断点，我如何为 运行 的应用程序编写测试？我在相应的包文档中找不到任何相关信息。
您可能需要查看此页面 - 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-迷你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。希望这有帮助。