cypress - 赛普拉斯视口无法准确反映指定的设备

Question

在尝试使用 cy.viewport('iphone-x') 或 cy.viewport(375,812) 测试脚本时，两者都以相同（错误）呈现站点，但与我打开 Chrome 时不同，请转到 devtools 并指定相同的设备那里。我对赛普拉斯相对较新，但我无法弄清楚为什么会发生这种情况或如何让赛普拉斯正确呈现网站。

使用开发工具

使用赛普拉斯

标签： cypressviewport

Answer 1

所以看起来这实际上可能是应用程序中的代码问题。使用 devtools，如果我检查它显示的空白height:auto。在 devtools 中取消选择它会使屏幕看起来像在 Cypress 中使用移动视口查看它时的样子。我已经向我的应用程序开发团队记录了一个错误。