E2e testing 如何让Cypress和headless Chrome在配置中使用视口尺寸？

我正在使用Cypress映像快照V3.1.1运行Cypress 3.6.1进行快照。它在Ubuntu 18.04上，Chrome79.0.3945.117-1。这是命令：

DISPLAY= vue-cli-service test:e2e --browser chrome --headless

vue cli服务测试：e2e包装cypress，有效地执行以下操作：

DISPLAY= npx cypress run --browser chrome --headless

cypress.json具有视口设置：

"capture": "viewport",
"viewportWidth": 1280,
"viewportHeight": 720,

Chrome中的快照为1050x720，而不是指定的1280x720。Electron不会出现这种情况，而是视口为1280x720。知道如何使用提供的视口尺寸让Cypress/Chrome运行吗

更新

我应该提到的是，它使用的插件

cypress image snapshot版本3.1.1

，可能与此相关。快照为1050x720。这是一个最小的测试

describe('user login', () => {
  it('tests login page', () => {
    cy.visit('/login')
    cy.root()
      .matchImageSnapshot('test_login')
  })
})

下面是Cypress.config（）日志的一部分：

---

“waitForAnimations”：true，“capture”：“viewport”，“viewportWidth”：1280，“viewportHeight”：720，“watchForFileChanges”：false，“watchForFileChanges”：false，

此命令适用于我

npx-cypress-run--browser-chrome--config viewportWidth=1280，viewportHeight=720

请告诉我是否适用于您将其添加为答案。谢谢，已尝试，但仍然获得1050x720。奇怪的是，记录Cypress.config（）时会在其中显示viewportWidth“：1280，“viewportHeight“：720。您能提供一个吗？您是否在

/Cypress/plugins/index

中将配置传递给插件？实际上，我无法看到使用配置视口设置的插件。您可能必须先执行

.matchImageSnapshot（）

带有一个明确的

cy.viewport（1280720）；

，如下所示。