我试图使用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应用基于目录名或类似内容的模式的规则?
当前回答
REF，我解决了这个问题
Run
# For Yarn
yarn add eslint-plugin-jest -D
# For NPM
npm i eslint-plugin-jest -D
然后添加你的.eslintrc文件
{
"extends": ["airbnb","plugin:jest/recommended"],
}
其他回答
首先安装eslint-plugin-jest
运行:
yarn add eslint-plugin-jest or npm install eslint-plugin-jest
然后编辑.eslintrc.json
{
"env":{
"jest": true
}
}
您还可以在测试文件中设置测试环境，如下所示:
/* eslint-env jest */
describe(() => {
/* ... */
})
REF，我解决了这个问题
Run
# For Yarn
yarn add eslint-plugin-jest -D
# For NPM
npm i eslint-plugin-jest -D
然后添加你的.eslintrc文件
{
"extends": ["airbnb","plugin:jest/recommended"],
}
从ESLint V 6(2019年底发布)开始，你可以在基于glob的配置中使用extends，如下所示:
"overrides": [
{
"files": ["*.test.js"],
"env": {
"jest": true
},
"plugins": ["jest"],
"extends": ["plugin:jest/recommended"]
}
]
文档显示你现在可以添加:
"env": {
"jest/globals": true
}
到你的.eslintrc，它将把所有与jest相关的东西添加到你的环境中，消除linter错误/警告。
你可能需要在你的esconfig中包含插件:["jest"]，如果eslint-plugin-jest插件仍然不起作用，就添加它。
