使用NX，Jest和Angular进行测试 - 可以在运行测试时查找库

Question

我有一个NX MonorePo，它由两个应用程序（客户端，服务器）和5个LIB（客户端核心，平台核心等）组成。我通过在 tsconfig.json 中设置 PATHS 将库将库将其拉入角度（客户端）应用程序。

    "paths": {
      "@myorg/platform-core": [
        "../../libs/platform-core/src/index.ts"
      ],
      "@myorg/client-core": [
        "../../libs/client-core/src/index.ts"
      ],
    },

这很好，IDE能够解析库，我可以使用 ng服务为应用程序服务。但是，当我尝试使用 NPX NX Test Client 测试Angular应用程序时，它找不到库。

 FAIL  apps/client/src/app/core/guards/patient.guard.spec.ts
  ● Test suite failed to run

    apps/client/src/app/core/guards/patient.guard.spec.ts:4:36 - error TS2307: Cannot find module '@myorg/client-core' or its corresponding type declarations.

    4 import { EnvironmentService } from '@myorg/client-core';
                                         ~~~~~~~~~~~~~~~~~~~

我尝试在 tsconfig.spec.json 中添加相同的路径（这不是必需的，因为它“扩展”：“ ./tsconfig.json” ），并且没有影响。

我需要做什么才能从我的规格文件访问这些库？

Answer 1

您使用哪些版本？我在Angular 12上遇到了同样的问题，Jest 28。当我将所有依赖项升级到Angular 14 + Jest 28时，问题就消失了。提示：使用纱线工作区还可以使解决方案更容易，而无需使用 paths 属性。

如果版本是最新的 nx 也存在一些特定于应用程序路径的问题。有一个（封闭的）问题：

引用遇到“未找到模块”错误的人。
提供TSCONFIG.APP.JSON的baseurl将其引导到应用程序源，似乎应该将其直接定向到工作区根。对我来说，当我从tsconfig.app.json删除baseurl或将其指向worspace root时，模块之间的链接开始工作。
您的tsconfig.json（或最新的NX中，它的tsconfig.base.json）生活在工作空间根中的baseurl，似乎是正确的。

参见 https://github.com/nrwl/nx/nx/nx/issues/738

Answer 2

解决方案可以是，在 jest.json 中，添加图书馆的路径，例如 tsconfig.json ，例如：

  "moduleNameMapper": {
    "@myorg/client-core": "<rootDir>/../../libs/client-core/src/index.ts"
  }

• 请注意，您必须添加＆lt; rootdir＆gt; 像这样，然后将路径添加到索引文件或src dir。

Answer 3

就我而言，以下解决方案有效。
与其使用 NPX NX Test Client 运行单元测试，不如指定项目名称如下：

npx nx test nx-project-name --test-file=src/app/app.component.spec.ts

或者，如果要测试库，

npx nx test nx-project-name --test-file=libs/lib-name

请免责声明：它与NX独立应用程序一起使用，但是由于项目名称和路径显式它也应该与monorepo一起使用。