组件测试加载规范时出错 - 无法获取 /__cypress/src/index.html

Fer*_*ndo 7 cypress

我刚刚开始通过 NextJS 应用程序使用 Cypress 组件测试。

我相信我已经遵循了文档中给出的所有步骤,但是在加载规范时出现错误。

无法获取/__cypress/src/index.html

规格窗格永远显示“您的测试正在加载”,并且控制台在规格本身上有 404 错误。

我对照 Cypress 示例应用程序检查了所有工件,看不出有什么区别。

赛普拉斯.config.js

import { defineConfig } from 'cypress'

export default defineConfig({
  component: {
    devServer: {
      framework: 'next',
      bundler: 'webpack'
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

Fod*_*ody 2

我最近在将导入添加到cypress/support/component-index.html.

本质上,该文件中发生的任何错误都不会得到妥善处理,甚至不会正确报告。

通过使用服务器打开文件并检查控制台是否有错误来检查文件的内容。

文件的标准内容是

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Components App</title>
  </head>
  <body>
    <div data-cy-root></div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

如果可能的话,我会将其保留为默认 HTML,并尝试在测试本身中添加脚本、样式等(其中错误消息更好)。