如何在Jest中使用ESLint

2020/10/08 08:01 · javascript ·  · 0评论

我正在尝试在Jest测试框架中使用ESLint linter。

开玩笑的测试是与某些全局变量一起运行的,例如jest,我需要告诉短毛猫有关;但是棘手的是目录结构,通过Jest,测试是与源代码一起嵌入到__tests__文件夹中的,因此目录结构看起来类似于:

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

通常,我会将所有测试放在一个目录下,并且可以在其中添加.eslintrc文件以添加全局变量...但是我当然不想.eslintrc在每个__test__目录中添加文件

现在,我只是将测试全局变量添加到了全局.eslintrc文件中,但是由于那意味着我现在可以jest在非测试代码中进行引用,因此这似乎不是“正确的”解决方案。

是否有办法让eslint根据基于目录名称的某种模式来应用规则,或者类似的方法?

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

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

.eslintrc可以其中添加所有与玩笑相关的内容,从而消除棉绒错误/警告。

ESLint从> = 4版本开始支持此功能:

/*
.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

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

/* eslint-env jest */

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

为了完成Zachary的答案,这是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

基于模式的配置计划在ESLint 2.0.0版本中发布。但是,现在您必须创建两个单独的任务(如注释中所述)。一个用于测试,另一个用于测试代码,然后运行它们,同时提供不同的.eslintrc文件。

PS:ESLint的下一版本中有一个有趣的环境,它将注册所有必需的全局变量。

我解决了问题REF

# For Yarn
yarn add eslint-plugin-jest -D

# For NPM
npm i eslint-plugin-jest -D

然后添加你的.eslintrc文件

{
    "extends": ["airbnb","plugin:jest/recommended"],
}

仅为__tests__文件夹添加环境

您可以.eslintrc.yml__tests__文件夹中添加一个文件,以扩展您的基本配置:

extends: <relative_path to .eslintrc>
env:
    jest: true

如果只有一个__tests__文件夹,则此解决方案是最佳解决方案,因为它仅在需要的地方作用于jest环境。

处理许多测试文件夹

如果您有更多测试文件夹(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

一些答案假定您已经安装了“ eslint-plugin-jest”,但是无需执行此操作,只需在.eslintrc文件中执行以下操作,然后添加:

  "globals": {
    "jest": true,
  }

在您的.eslintignore文件中,添加以下值:

**/__tests__/

这应该忽略__tests__目录的所有实例及其子级。

本文地址:http://javascript.askforanswer.com/ruhezaijestzhongshiyongeslint.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!