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

Question

我已经设置了如下视口。

Cy.viewport(1440,700)

然后截图

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

但是在截图时，浏览器正在调整大小以适应浏览器 window 大小。如何控制浏览器调整大小。

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