Cypress 柏树视口不';t准确反映';指定的

Cypress 柏树视口不';t准确反映';指定的,cypress,viewport,Cypress,Viewport,在尝试使用cy.viewport(“iphone-x”)或cy.viewport(375812)测试脚本时,这两种方法都会呈现相同(错误)但与打开Chrome不同的站点,请转到devtools并在那里指定相同的设备。我对Cypress比较陌生,但我还没有弄清楚为什么会发生这种情况,或者如何让Cypress正确呈现网站 使用Devtools 使用柏树 所以看起来这实际上可能是应用程序中的代码问题。使用devtools,如果我检查空白区域,它会显示height:auto。在devtools中取消选

在尝试使用cy.viewport(“iphone-x”)或cy.viewport(375812)测试脚本时,这两种方法都会呈现相同(错误)但与打开Chrome不同的站点,请转到devtools并在那里指定相同的设备。我对Cypress比较陌生,但我还没有弄清楚为什么会发生这种情况,或者如何让Cypress正确呈现网站

使用Devtools

使用柏树

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

后续:我尝试添加用户代理,认为这可能会欺骗它,但没有这样的运气。beforeach('Login',function(){cy.viewport('iphone-x')onbeforeach:win=>{Object.defineProperty(win.navigator,'userAgent',{value:'Mozilla/5.0(iphone;CPU-iphone-OS-12_-0类似Mac-OS-x)AppleWebKit/605.1.15(KHTML,类似Gecko)CriOS/69.0.3497.105 Mobile/15E148-Safari/605.1',}); },