Javascript 如何使用cypress视口刷新重新加载

该网站应该只在移动网络上工作（在桌面网络上显示错误消息），并尝试使用cypress viewport自动执行相同操作

手动测试步骤：在chrome中，我们正在桌面web应用程序中启动一个URL，应用程序显示错误页面。然后切换到chrome emulator模式，刷新应用程序，将显示实际页面

使用cypress实现自动化：启动应用程序，最小化移动视图，重新加载应用程序

重新加载页面后，实际应用程序页面应显示在移动视图中，但错误页面显示在移动视图中

我的代码如下所示

    cy.visit('url')
    cy.viewport('iphone-6')
    cy.wait(200)

---

有人能帮上忙吗？

阅读您的评论后，如果您想在mobile view中初始化测试，您需要在每个挂钩之前将

cy.viewport（）

调用放在

内

大概是这样的：

context('iphone-6 resolution', function () {
    beforeEach(function () {
      // run these tests as if in a mobile browser
      // and ensure our responsive UI is correct
      cy.viewport('iphone-6')
    })

    it('your test logic', function () {
      ...
    })
  })


我不知道我是否完全理解问题所在，但您可以
cy.reload（）
在视口更改后强制重新加载页面

cy.visit('url')
cy.viewport('iphone-6')
cy.reload()

您可以在Cypress文档中找到有关此命令的更多信息。
我还不清楚这个问题，其目的是仅在移动web视图中查看，因为在桌面上，该站点不打算工作，请尝试使用-->const mobileUserAgent=“Mozilla/5.0（Linux；Android 6.0；Nexus 5 Build/MRA58N）AppleWebKit/537.36（KHTML，类似Gecko）Chrome/74.0.3729.131 Mobile Safari/537.36“但它不能像cypress那样工作，将其视为桌面web。当它加载这是一个复制品时，是否有任何代码可以添加t作为android设备web？