如何使用柏树视口刷新重新加载

Question

网站应该只在Mobile上工作(在桌面web上显示错误消息)，试图使用柏树视图实现同样的自动化。

手动测试步骤:在chrome中，我们正在桌面web应用程序中启动一个URL，应用程序显示错误页面。然后更改为铬仿真器模式，刷新应用程序，将显示实际页面。

自动使用柏树:启动应用程序，最小化到移动视图，重新加载应用程序。

预期，在重新加载页面后，实际的应用程序页应该显示在移动视图中，而错误页则显示在移动视图中。

我的代码如下所示

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

有人能帮上忙吗？

Answer 1

阅读注释后，如果要在移动视图中初始化测试，则需要将cy.viewport()调用放入beforeEach钩子中。

就像这样：

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文档这里中找到有关此命令的更多信息。

Answer 2

尝试添加以下内容：

1. 在cypress.json文件中添加=="modifyObstructiveCode"：false，"chromeWebSecurity"：false
2. 在cy.visit方法中添加用户代理 cy.visit('url.com/‘{ headers：{“url.com/‘{-agent”："Mozilla/5.0 (Linux；Android8.0.0；SM-G955UBuild/R16NW) AppleWebKit/537.36 (url.com/‘{，类似Gecko) Chrome/87.0.4280.141 Mobile /537.36}“)；

这个解决方案帮助我解决了mweb重新加载问题。