如何使用ESLint与笑话

Question

我试图使用ESLint linter与Jest测试框架。

Jest测试使用一些全局变量运行，比如Jest，我需要告诉linter关于它的信息；但棘手的是目录结构，Jest将测试与源代码一起嵌入\uuuuuuuuuuuuuuuuu文件夹中，因此目录结构类似于：

src
    foo
        foo.js
        __tests__
            fooTest.js
    bar
        bar.js
        __tests__
            barTest.js

通常，我会将所有测试放在一个目录下，我可以在那里添加一个.eslintrc文件来添加全局变量。。。但是我当然不想在每一个\uuu test\uu目录中添加.eslintrc文件。

目前，我刚刚将测试全局变量添加到了global.eslintrc文件中，但由于这意味着我现在可以在非测试代码中引用jest，所以这似乎不是“正确”的解决方案。

有没有办法让eslint根据基于目录名的模式或类似的模式应用规则？

Answer 1

您还可以在测试文件中设置测试环境，如下所示：

/* eslint-env jest */

describe(() => {
  /* ... */
})

Answer 2

ESLint支持这个版本

/*
.eslintrc.js
*/
const ERROR = 2;
const WARN = 1;

module.exports = {
  extends: "eslint:recommended",
  env: {
    es6: true
  },
  overrides: [
    {
      files: [
        "**/*.test.js"
      ],
      env: {
        jest: true // now **/*.test.js files' env has both es6 *and* jest
      },
      // Can't extend in overrides: https://github.com/eslint/eslint/issues/8813
      // "extends": ["plugin:jest/recommended"]
      plugins: ["jest"],
      rules: {
        "jest/no-disabled-tests": "warn",
        "jest/no-focused-tests": "error",
        "jest/no-identical-title": "error",
        "jest/prefer-to-have-length": "warn",
        "jest/valid-expect": "error"
      }
    }
  ],
};

以下是eslint config的“扩展覆盖”限制的一个解决方法（从这里的另一个答案开始，投票表决！）：

overrides: [
  Object.assign(
    {
      files: [ '**/*.test.js' ],
      env: { jest: true },
      plugins: [ 'jest' ],
    },
    require('eslint-plugin-jest').configs.recommended
  )
]

从…起https://github.com/eslint/eslint/issues/8813#issuecomment-320448724

Answer 3

文档显示您现在可以添加：

"env": {
    "jest/globals": true
}

添加到您的.eslintrc，它将向您的环境添加所有与笑话相关的内容，从而消除linter错误/警告。

您可能需要包含插件：["jest"]到您的esconfig，并添加eslint-plugin-jest插件，如果它仍然不工作。