【问题标题】:How to test a React app in mobile dimensions?如何在移动维度上测试 React 应用程序?
【发布时间】:2019-01-29 19:21:19
【问题描述】:

我正在构建一个 React 应用程序,并使用 Cypress 和 React 测试库对其进行测试。

我想知道:如何“在移动设备上”测试应用。这意味着如果窗口大小低于断点,我该如何为运行的应用程序编写测试?我在相应的包文档中找不到任何相关内容。

【问题讨论】:

    标签: reactjs mobile breakpoints cypress react-testing-library


    【解决方案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。希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-03-25
      • 2017-08-10
      • 1970-01-01
      • 1970-01-01
      • 2018-08-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多