JestテストフレームワークでESLintリンターを使用しようとしています。

Jestテストはのようないくつかのグローバルで実行されjestます。ただし__tests__、注意が必要なのはディレクトリ構造です。Jestでは、テストはフォルダー内のソースコードに埋め込まれているため、ディレクトリ構造は次のようになります。

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

通常、私はすべてのテストを単一のディレクトリの下に置いて、.eslintrcそこにファイルを追加してグローバルを追加することができます...しかし.eslintrc、すべての単一の__test__ディレクトリにファイルを追加したくありません。

今のところ、テストグローバルをグローバル.eslintrcファイルに追加しただけですが、それによりjest、非テストコードで参照できるようになったため、「正しい」ソリューションとは思えません。

eslintにディレクトリ名などのパターンに基づくルールを適用させる方法はありますか？

ドキュメントはあなたが今追加できることを示しています：

"env": {
    "jest": 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リリースでは、パターンベースの構成が予定されています。ただし、現時点では、2つの個別のタスクを作成する必要があります（コメントで述べたとおり）。1つはテスト用で、もう1つは残りのコード用で、両方を実行しながら、異なる.eslintrcファイルを提供します。

PS ESLintの次のリリースではjest環境があり、必要なすべてのグローバルを登録します。

私は問題を解決しました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__フォルダが1つしかない場合は、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__ディレクトリのすべてのインスタンスとその子は無視されます。