С помощью WebPack вы можете импортировать стили в свой код следующим образом: import './PageSpinner.styl'; Но когда вы пытаетесь протестировать этот код с помощью Mocha, ваши тесты будут разбиты с помощью SyntaxError, потому что движок пытается обрабатывать стили, такие как JS-код.
Как я могу протестировать такой код с помощью Mocha?
В последнее время у меня была такая же проблема, и решение было выполнено с помощью компиляторов 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
Это можно сделать с помощью ignore-styles.
Установите пакет, а затем запустите mocha.
например.
mocha --require babel-register --require ignore-styles