如何将项目根目录的cypress文件夹迁移至test/cypress并配置？

当然有办法！把Cypress迁移到test/cypress并让它正常工作其实很简单，分两步走就行：

1. 手动迁移文件夹 #

首先，直接把项目根目录下的cypress/文件夹剪切粘贴到test/目录里，最终结构变成test/cypress/。

2. 配置Cypress指向新路径 #

有几种灵活的配置方式，你可以根据自己的习惯选择：

方式一：修改Cypress配置文件（推荐） #

在项目根目录的cypress.config.js（或cypress.config.ts，如果你用TypeScript）中，明确指定各个Cypress文件夹的新路径。这样不管是通过命令行还是脚本运行，Cypress都会自动识别：

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    fixturesFolder: "test/cypress/fixtures",
    e2eFolder: "test/cypress/e2e", // 旧版本Cypress请用integrationFolder
    screenshotsFolder: "test/cypress/screenshots",
    videosFolder: "test/cypress/videos",
    supportFile: "test/cypress/support/e2e.js",
  },
  // 如果使用组件测试，同步配置component部分
  component: {
    devServer: {
      framework: "react", // 替换为你的项目框架
      bundler: "webpack",
    },
    fixturesFolder: "test/cypress/fixtures",
    supportFile: "test/cypress/support/component.js",
  }
});

方式二：命令行指定项目路径 #

每次运行Cypress时，通过--project参数指定test目录作为Cypress的项目根，它会自动在该目录下寻找cypress文件夹：

# 打开Cypress图形界面
npx cypress open --project ./test

# 无头模式运行测试
npx cypress run --project ./test

方式三：在package.json中配置快捷脚本 #

为了避免每次输入长命令，你可以在package.json的scripts里添加快捷命令：

{
  "scripts": {
    "cy:open": "cypress open --project ./test",
    "cy:run": "cypress run --project ./test"
  }
}

之后只要运行npm run cy:open或npm run cy:run，就能直接使用新路径下的Cypress了。

小提示 #

如果迁移后遇到测试文件里的相对路径报错，只需要调整对应的导入路径即可（比如原来的../fixtures/data可能要改成../../test/cypress/fixtures/data），不过大部分情况下Cypress会根据配置自动处理路径映射。

内容的提问来源于stack exchange，提问作者Gleb Kostyunin