cypress - 在不调整 cypress 视口大小的情况下捕获元素的屏幕截图

Question

我已经设置了如下视口。

Cy.viewport(1440,700)

然后截图

Cy.get('xxxx').toMatchImageSnapshot()

但是在截屏时，浏览器会调整大小以适应浏览器窗口的大小。如何控制浏览器调整大小。

Cypres 软件包 v- 8.3.1

Answer 1

在截屏时覆盖默认fullPage捕获选项，如下所示：

cy.get('xxxx').toMatchImageSnapshot({capture: 'viewport'});

cypress/support/index.js或者像这样在文件中全局设置它：

Cypress.Screenshot.defaults({
  capture: 'viewport'
});

参考：https ://docs.cypress.io/api/commands/screenshot#Arguments