React JS Jest provoquant "SyntaxError: jeton inattendu."

Question

J'utilise maintenant react JEST pour tester le code. Si un composant est unique et n'importe rien d'autre, le "test npm" s'exécute sans problème, et maintenant, je veux tester plusieurs composants ensemble, et j'ai immédiatement obtenu cette erreur:

SyntaxError: Unexpected token .

Il semblait qu'à chaque fois que React importait autre chose, comme celui-ci:

require( './style/fixed-data-table.css' );
require( './style/jnpr-datatable.scss' );

puis utiliser plaisanterie lance le jeton inattendu "." Erreur.

Il doit y avoir quelque chose qui ne va pas dans mes paramètres, mais où? Mon Package.json contient:

 "jest": {
   "unmockedModulePathPatterns": [
     "<rootDir>/node_modules/react/",
     "<rootDir>/node_modules/react-dom/",
     "<rootDir>/node_modules/react-addons-test-utils/"
   ]
 }

Et le .babelrc est déjà à la racine. Babel-jest est également inclus. Merci

Answer 1

Jetez un oeil à la documentation Jest pour intégration webpack . Le problème est que je ne peux pas travailler avec d'autres choses que js. Vous devez donc simuler tous les fichiers none js que vous importez. La manière la plus simple est de configurer un moduleNameMapper dans vos config jest.

{
  "jest": {
    "moduleNameMapper": {
      "\\.(css|scss)$": "<rootDir>/__mocks__/styleMock.js"
    }
  }
}

avec un __mocks__/styleMock.js qui ressemble à ceci.

module.exports = {};