Cypress/Next.js E2E测试使用--watch选项运行良好，但在--无头测试中失败

Question

谢谢你的柏树队。e2e无头测试在命令上有一个问题。

当我用--手表选项运行测试时，它通过得很好。但对于无头的选择来说，这是失败的。我需要在CI上运行这个程序，所以它必须尽快解决这个问题。

下面是我运行的命令。

yarn nx run checkout-e2e:e2e --watch

yarn nx run checkout-e2e:e2e --headless

我总共有3个测试文件，具体的事情是，第一个测试不会在长时间延迟(大约60秒)后通过，但其余的通过。

这里有一个要运行的代码文件。其他文件几乎是一样的。

const classname = 'buybox--buy-box-example-one-size'
const url = `?path=/story/${classname}`

describe('BuyBox Example visual regression', () => {
  it('Matches the snapshot', () => {
    cy.visit(url)
    cy.viewport(1000, 1500)
    cy.get(`#${classname}`)
    cy.get('body').type('S')
    cy.get('body').type('A')
    cy.wait(3000)
    cy.get('body').matchImageSnapshot('buyboxOneSizeDesktopExample')
    cy.viewport(375, 667)
    cy.get(`#${classname}`)
    cy.get('body').type('S')
    cy.get('body').type('A')
    cy.wait(5000)
    cy.get('body').matchImageSnapshot('buyboxOneSizeExample')
  })
})

我的发展环境：

• Windows 10
• VS码
• 柏树6.0.1
• 节点14.16.1
• 故事书6.2.8

以下是无头模式下的错误屏幕截图。https://prnt.sc/131k32j

如果有人知道原因和解决办法，请回复。谢谢。

Answer 1

我试着解决了这个问题，终于找到了。

转到plugin/index.js并注释这一行..。

 // on('file:preprocessor', preprocessTypescript(config))

在无头模式下修复e2e测试失败

我不知道为何这样做对我有用，但我希望这会对每一个有同样问题的人有所帮助。如果有人知道这个解决方案的原因，请在这里评论。谢谢。