javascript - 如何使用不同的 jest.config.js 进行单元和组件测试？

Question

我正在尝试为应用程序的组件级测试创建一套单独的测试。

在这个单独的套件中，我需要一个自定义测试环境来引导一些持久层模拟，这些测试将与我的单元测试放在我的项目结构中的一个单独文件夹中。

例如单元测试将在 __tests__ 中的代码附近文件夹，而组件测试将位于顶级 tests/目录。

我已经有了大部分 jest.config.js 设置，但是当我添加 projects 时部分覆盖某些字段，特别是 testMatch和 testEnvironment它完全无视我在 global.xml 中指定的配置。

现在我一直在读projects配置主要是关于 monorepo 设置，所以我认为这不是正确的方法。

理想情况下，我可以有一个单独的 jest.config.js在我的 tests/目录，但我不知道如何设置它，如果它甚至有效。

对此问题的任何见解都会有所帮助。提前致谢。

Answer 1

要指定不同的配置文件，您可以使用 --config 选项。

例如，如果您有一个 tests/jest.config.js组件测试的文件配置和 jest.config.js用于单元测试的文件，您可以在 package.json 中配置脚本所以它们看起来像这样:

"scripts": {
    "tests:unit": "jest --config=jest.config.js",
    "tests:component": "jest --config=tests/jest.config.js"
}