1. ホーム
  2. ジャバスクリプト

[解決済み】JestでESLintを使用する方法

2022-03-25 20:50:27

質問

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

Jestテストは、以下のようないくつかのグローバルで実行されます。 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 を実行すると、jest に関連するすべてのものがあなたの環境に追加され、linter のエラーや警告がなくなります。

を含める必要があるかもしれません。 plugins: ["jest"] をesconfigに追加し、その上に eslint-plugin-jest プラグインをインストールしてください。