J'essaie d'utiliser le linter ESLint avec le framework de test Jest.

Les tests Jest s'exécutent avec certains globaux comme jest, dont je devrai parler au linter; mais la chose délicate est la structure du répertoire, avec Jest les tests sont intégrés avec le code source dans les __tests__dossiers, donc la structure du répertoire ressemble à quelque chose comme:

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

Normalement, j'aurais tous mes tests sous un seul répertoire, et je pourrais simplement y ajouter un .eslintrcfichier pour ajouter les globaux ... mais je ne veux certainement pas ajouter un .eslintrcfichier à chaque répertoire __test__.

Pour l'instant, je viens d'ajouter les globaux de test au .eslintrcfichier global , mais comme cela signifie que je pourrais désormais faire référence jestdans du code non test, cela ne semble pas être la "bonne" solution.

Existe-t-il un moyen pour eslint d'appliquer des règles basées sur un modèle basé sur le nom du répertoire, ou quelque chose comme ça?

Les documents montrent que vous pouvez désormais ajouter:

"env": {
    "jest": true
}

À votre .eslintrcqui ajoutera toutes les choses liées à la plaisanterie à votre environnement, éliminant les erreurs / avertissements de linter.

ESLint prend cela en charge à partir de la version> = 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"
      }
    }
  ],
};

Voici une solution de contournement (à partir d'une autre réponse ici, votez-le!) Pour la limitation "extend in overrides" de la configuration eslint:

overrides: [
  Object.assign(
    {
      files: [ '**/*.test.js' ],
      env: { jest: true },
      plugins: [ 'jest' ],
    },
    require('eslint-plugin-jest').configs.recommended
  )
]

Depuis https://github.com/eslint/eslint/issues/8813#issuecomment-320448724

Vous pouvez également définir le test env dans votre fichier de test comme suit:

/* eslint-env jest */

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

Pour compléter la réponse de Zachary, voici une solution de contournement pour la limitation "extend in overrides" de la configuration eslint:

overrides: [
  Object.assign(
    {
      files: [ '**/*.test.js' ],
      env: { jest: true },
      plugins: [ 'jest' ],
    },
    require('eslint-plugin-jest').configs.recommended
  )
]

Depuis https://github.com/eslint/eslint/issues/8813#issuecomment-320448724

Des configurations basées sur des modèles sont prévues pour la version 2.0.0 d'ESLint. Pour l'instant, cependant, vous devrez créer deux tâches distinctes (comme mentionné dans les commentaires). Un pour les tests et un pour le reste du code et exécutez les deux, tout en fournissant différents fichiers .eslintrc.

PS Il y a un environnement plaisant à venir dans la prochaine version d'ESLint, il enregistrera tous les globaux nécessaires.

J'ai résolu le problème REF

Courir

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

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

Et puis ajoutez votre .eslintrcfichier

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

Ajouter un environnement uniquement pour le __tests__dossier

Vous pouvez ajouter un .eslintrc.ymlfichier dans vos __tests__dossiers, qui vous étend la configuration de base:

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

Si vous n'avez qu'un seul __tests__dossier, cette solution est la meilleure, car elle ne couvre l'environnement que là où il est nécessaire.

Gestion de nombreux dossiers de test

Si vous avez plus de dossiers de test (cas OPs), je suggère toujours d'ajouter ces fichiers. Et si vous avez des tonnes de ces dossiers, vous pouvez les ajouter avec un simple script 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

Ce script recherchera les __tests__dossiers et ajoutera un .eslintrc.ymlfichier avec la configuration indiquée ci-dessus. Ce script doit être lancé dans le dossier contenant votre parent .eslintrc.

certaines des réponses supposent que vous avez installé «eslint-plugin-jest», mais sans avoir besoin de le faire, vous pouvez simplement le faire dans votre .eslintrcfichier, ajouter:

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

Dans votre fichier .eslintignore, ajoutez la valeur suivante:

**/__tests__/

Cela devrait ignorer toutes les instances du répertoire __tests__ et leurs enfants.