如何在移动维度上测试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 + 414736
• iphone-6 375 667
• iphone-5 320568
• iphone-4 320480
• iphone-3 320480

只需传递cy.viewport('iphone-6')即可将视口设置为375px x 667px。希望这会有所帮助。