我试图使用ESLint linter与Jest测试框架。
Jest测试与一些全局变量(如Jest)一起运行，我需要告诉linter;但棘手的是目录结构，在Jest中，测试与源代码一起嵌入在__tests__文件夹中，因此目录结构看起来像这样:
src
foo
foo.js
__tests__
fooTest.js
bar
bar.js
__tests__
barTest.js
通常，我将所有的测试都放在一个目录下，我可以在那里添加一个.eslintrc文件来添加全局变量…但我当然不想在每个__test__目录下都添加一个.eslintrc文件。
目前，我只是将测试全局变量添加到全局的.eslintrc文件中，但由于这意味着我现在可以在非测试代码中引用笑话，这似乎不是“正确”的解决方案。
是否有一种方法让eslint应用基于目录名或类似内容的模式的规则?
当前回答
仅为__tests__文件夹添加环境
你可以在__tests__文件夹中添加一个.eslintrc.yml文件，扩展你的基本配置:
extends: <relative_path to .eslintrc>
env:
jest: true
如果你只有一个__tests__文件夹，这个解决方案是最好的，因为它只在需要的地方覆盖环境。
处理许多测试文件夹
如果你有更多的测试文件夹(OPs情况下)，我仍然建议添加这些文件。如果你有很多这样的文件夹，可以用一个简单的zsh脚本添加它们:
#!/usr/bin/env zsh
for folder in **/__tests__/ ;do
count=$(($(tr -cd '/' <<< $folder | wc -c)))
echo $folder : $count
cat <<EOF > $folder.eslintrc.yml
extends: $(printf '../%.0s' {1..$count}).eslintrc
env:
jest: true
EOF
done
这个脚本将寻找__tests__文件夹，并将.eslintrc.yml文件添加到上面所示的配置中。这个脚本必须在包含父目录.eslintrc的文件夹中启动。
其他回答
仅为__tests__文件夹添加环境
你可以在__tests__文件夹中添加一个.eslintrc.yml文件，扩展你的基本配置:
extends: <relative_path to .eslintrc>
env:
jest: true
如果你只有一个__tests__文件夹，这个解决方案是最好的，因为它只在需要的地方覆盖环境。
处理许多测试文件夹
如果你有更多的测试文件夹(OPs情况下)，我仍然建议添加这些文件。如果你有很多这样的文件夹，可以用一个简单的zsh脚本添加它们:
#!/usr/bin/env zsh
for folder in **/__tests__/ ;do
count=$(($(tr -cd '/' <<< $folder | wc -c)))
echo $folder : $count
cat <<EOF > $folder.eslintrc.yml
extends: $(printf '../%.0s' {1..$count}).eslintrc
env:
jest: true
EOF
done
这个脚本将寻找__tests__文件夹，并将.eslintrc.yml文件添加到上面所示的配置中。这个脚本必须在包含父目录.eslintrc的文件夹中启动。
从2021年开始，我认为正确的方法或者至少是有效的方法是安装@types/jest和eslint-plugin-jest:
npm i -D eslint-plugin-jest @types/jest
用@Loren提到的overrides指令将Jest插件添加到.eslintrc.js中:
module.exports = {
...
plugins: ["jest"],
...
overrides: [
{
files: ["**/*.test.js"],
env: { "jest/globals": true },
plugins: ["jest"],
extends: ["plugin:jest/recommended"],
},
],
...
};
通过这种方式，您可以在源文件和测试文件中得到检测错误，但在测试文件中，您不会得到test和其他Jest函数的检测错误，但您将在源文件中得到它们，因为它们在那里显示为未定义。
一些答案假设你已经安装了eslint-plugin-jest，但是不需要这样做，你可以简单地在你的.eslintrc文件中这样做，添加:
"globals": {
"jest": true,
}
首先安装eslint-plugin-jest
运行:
yarn add eslint-plugin-jest or npm install eslint-plugin-jest
然后编辑.eslintrc.json
{
"env":{
"jest": true
}
}
基于模式的配置计划在ESLint 2.0.0版本发布。但是现在，您必须创建两个单独的任务(如评论中所述)。一个用于测试，一个用于其余代码，并运行它们，同时提供不同的.eslintrc文件。
附:在ESLint的下一个版本中会有一个笑话环境，它会注册所有必要的全局变量。
