Lorsque vous testez les fichiers .js qui ont des importations de CSS Webpack, import './style.css' , Mocha lance une erreur de syntaxe (car elle tente d'importer et d'analyser le fichier CSS en tant que JS). Il y a une solution qui a déjà été publiée sur Stack Overflow , mais elle ne concerne que si vous n'utilisez pas déjà un compilateur avec Mocha. J'utilise Babel 5. J'ai essayé ce qui suit, mais il semble que Mocha ne supporte pas le passage de plusieurs compilateurs:

 // npm test script mocha ./src/**/*Test.js --compilers css:./scripts/mocha-webpack-compiler.js js:babel/register // scripts/mocha-webpack-compiler.js function noop() { return null; } require.extensions['.css'] = noop; 

Existe-t-il un moyen d'avoir plusieurs compilateurs Mocha, ou une meilleure façon de dire à Mocha de ne pas essayer d'analyser les importations CSS Webpack?

MODIFIER:

J'aime la solution proposée par @Giles B ci-dessous; C'était exactement ce dont j'avais besoin. Cependant, comme je suis toujours sur Babel 5, j'avais besoin de quelques ajustements comme indiqué ci-dessous:

• Comment puis-je configurer un css ": hover" sur un élément créé par JavaScript dans JavaScript?
• Google Maps supprime les contrôles
• Comment obtenir l'élément de la liste (<li>) marqueur / étiquette déclarée dans le type de liste-type?
• Comment puis-je maintenir les limites appropriées sur les triangles CSS lorsque survoler avec le curseur?
• JQuery: Améliorez les marges à Auto?

Mocha.opts

 --require scripts/support/babelhook --require scripts/support/mocha-webpack-compiler 

Scripts / babelhook.js

 require('babel/register'); 

Scripts / mocha-webpack-compiler.js

 function noop() { return null; } require.extensions['.css'] = noop; 

Mocha script

 mocha ./src/**/*Test.js 

Cela fonctionne pour moi en utilisant babel et babel-core , la version 5.8.23 .

• JQuery animate a -webkit-transform
• Comment obtenir une propriété de classe CSS en Javascript?
• Suppression des espaces blancs avancés de la source HTML indentée dans les tags pré / code
• Comment détecte-t-on lorsque les animations CSS commencent et finissent avec JavaScript?
• Mode Blend: multipliez dans Internet Explorer

 --require test/babelhook --require test/css-null-compiler 

 // This file is required in mocha.opts // The only purpose of this file is to ensure // the babel transpiler is activated prior to any // test code, and using the same babel options require("babel-register")(); 

 // Prevent Mocha from compiling class function noop() { return null; } require.extensions['.css'] = noop; require.extensions['.scss'] = noop; 

 "scripts": { "test": "mocha --compilers js:babel-core/register --require ./tools/testHelper.js 'src/**/*-spec.@(js|jsx)'", 

 // Prevent mocha from interpreting CSS @import files function noop() { return null; } require.extensions['.css'] = noop;