如何使用 NX 将 e2e 测试添加到现有存储库？答案

【问题标题】：How to add e2e test to the existing repo using NX?如何使用 NX 将 e2e 测试添加到现有存储库？
【发布时间】：2022-08-09 09:59:18
【问题描述】：

在教程视频中，我可以看到当他创建一个新项目时，NX 还为 e2e 测试用例创建了同级 repo。

https://nx.dev/react-tutorial/01-create-application

我的问题是我得到了一个我已经创建的monorepo，它具有这样的结构。前端是用npx-create-react-app ... 创建的

MyApp
 - FrontEndRepo
 - BackEndRepo

根据 NX 约定Why does nrwl nx create a separate e2e project for each app?

如果我开始创建我的项目，它应该是这样的。

MyApp
     - FrontEndRepo
     - FrontEndRepo-e2e
     - BackEndRepo
     - BackEndRepo-e2e

那么如何将这些 e2e 测试文件夹添加到现有的存储库中呢？

标签： reactjs cypress nrwl-nx

【解决方案1】：

最简单的方法是在每个 -e2e 文件夹中创建一个项目结构，然后在这两个位置安装 Cypress。

要从根目录运行前端或后端测试，请在 package.json 中添加两个脚本，更改每个脚本中的配置文件引用。

每个 -e2e 文件夹中的 cypress.config.js 特定于该项目的要求，例如 API url 等。

{
  ...
  "scripts": {
    ...
    "test:fe": "cypress open --config-file FrontEndRepo-e2e/cypress.config.js",
    "test:be": "cypress open --config-file BackEndRepo-e2e/cypress.config.js",

【讨论】：

【解决方案2】：

使用 Nx 为您生成它：

npx nx generate @nrwl/cypress:cypress-project FrontEndRepo-e2e --project=FrontEndRepo

【讨论】：