Обработка импорта CSS WebPack при тестировании с помощью Mocha

С помощью WebPack вы можете импортировать стили в свой код следующим образом: import './PageSpinner.styl'; Но когда вы пытаетесь протестировать этот код с помощью Mocha, ваши тесты будут разбиты с помощью SyntaxError, потому что движок пытается обрабатывать стили, такие как JS-код.

Как я могу протестировать такой код с помощью Mocha?

Ответ 1

В последнее время у меня была такая же проблема, и решение было выполнено с помощью компиляторов Mocha.

создайте файл, назовите его "css-null-compiler.js", и он имеет:

function noop() {
  return null;
}

require.extensions['.styl'] = noop;
// you can add whatever you wanna handle
require.extensions['.scss'] = noop;
require.extensions['.png'] = noop;
// ..etc

когда вы запускаете mocha из командной строки, передайте этот файл как компилятор

mocha /your/test.spec.js --compilers css:css-null-compiler.js

Ответ 2

Это можно сделать с помощью ignore-styles.

Установите пакет, а затем запустите mocha.

например.

mocha --require babel-register --require ignore-styles