无法用jest.config忽略特定文件

Question

试图忽略所有索引文件，但特别是src/index.jsx和src/reportwebvitals.js文件，但是我的coverage命令仍然显示出覆盖的行。

我的github repo DEV 分支这是一个问题。

根据文档，它应该像将文件添加到CoveragePathignorePatterns和TESTPATHIGNOREPATTERNS。

jest.config

module.exports = {
  testEnvironment: 'node',
  testEnvironmentOptions: {
    NODE_ENV: 'test',
  },
  restoreMocks: true,
  coveragePathIgnorePatterns: [
    'node_modules',
    'index.js',
    'index.jsx',
    'server/src/config',
    'server/src/app.js',
    'src/index.jsx',
    'src/reportWebVitals.js',
    'tests',
  ],
  coverageReporters: ['text', 'lcov', 'clover', 'html'],
  testPathIgnorePatterns: ['index.js', 'index.jsx', 'src/index.jsx', 'src/reportWebVitals.js'],
  roots: ['<rootDir>/server/tests'],
};

在这里还尝试了一个更长的版本：

module.exports = {
  testEnvironment: 'node',
  testEnvironmentOptions: {
    NODE_ENV: 'test',
  },
  restoreMocks: true,
  collectCoverageFrom: [
    'src/{!(index),}.jsx',
    'src/{!(reportWebVitals),}.js',
    'src/{!(store),}.js'
  ],
  coveragePathIgnorePatterns: [
    'node_modules',
    'index.js',
    'index.jsx',
    'server/src/config',
    'server/src/app.js',
    'index.jsx',
    'reportWebVitals.js',
    'store.js',
    'tests',
  ],
  coverageReporters: ['text', 'lcov', 'clover', 'html'],
  modulePathIgnorePatterns: [
    'node_modules',
    'index.js',
    'index.jsx',
    'server/src/config',
    'server/src/app.js',
    'index.jsx',
    'reportWebVitals.js',
    'store.js',
    'tests',
  ],
  watchPathIgnorePatterns: [
    'node_modules',
    'index.js',
    'index.jsx',
    'server/src/config',
    'server/src/app.js',
    'index.jsx',
    'reportWebVitals.js',
    'store.js',
    'tests',
  ],
  testPathIgnorePatterns: [
    'node_modules',
    'index.js',
    'index.jsx',
    'server/src/config',
    'server/src/app.js',
    'index.jsx',
    'reportWebVitals.js',
    'store.js',
    'tests',
  ],
  roots: ['<rootDir>/server/tests'],
};

我的软件包。json脚本

"client-dev": "react-scripts start",
"client-build": "react-scripts build",
"client-test": "react-scripts test ./src",
"client-coverage": "react-scripts test ./src --coverage",

更新：我注意到的一件有趣的事情，我删除了所有忽略规则的形式jest.config.js，覆盖范围仍然是同样，NODE_MODULES在覆盖范围中并不是问题……因此，现在探索我的项目是否甚至在拾取配置。

module.exports = {
  testEnvironment: 'node',
  testEnvironmentOptions: {
    NODE_ENV: 'test',
  },
  restoreMocks: true,
  coverageReporters: ['text', 'lcov', 'clover', 'html'],
};

Answer 1

您必须在测试脚本中明确提及您的配置文件路径。如果您这样做，它将导致另一个问题在这里讨论： https://stackoverflow.com/a/a/a/68912023/68912023/1005553300 。在package.json本身中拥有开玩笑的配置是理想的选择，而不是为其提供单独的文件。

Answer 2

由于您使用的是未伸出的Create-React-app，因此覆盖开玩笑配置的唯一方法是在package.json.json下添加允许的配置键 。

类似的内容：

{
  "jest": {
    "coveragePathIgnorePatterns": [
      "index.jsx"
    ],
  }
}

如果您浏览 facebook/create-react-app /.../ react-scripts /.../ createJestConfig.js ，您会看到React-Script只允许一组固定的嘲笑配置键被覆盖，并且仅使用package.json方法。它不支持添加您自己的jest.config.js文件。 CRA（React-Scripts）创建了自己的嘲笑配置，并使用它来运行测试。

Answer 3

答案是该项目忽略了我的Jest.config.js。最初，当我开始从事此项目时，此配置已经包括在内，为什么我保留它，而不是在pockage.json的内部使用开玩笑的配置。

在包装中使用了开玩笑的规则后。JSON忽略现在正在100％工作。

我不确定为什么jest.config.js不起作用。

"jest": {
  "coveragePathIgnorePatterns": [
    "node_modules",
    "server/src/config",
    "store.js",
    "index.jsx",
    "index.js",
    "tests"
  ],
  "watchPathIgnorePatterns": [
    "node_modules",
    "server/src/config",
    "store.js",
    "index.jsx",
    "index.js",
    "tests"
  ]
},