Obsługa importowania CSS pakietu WebPack podczas testowania za pomocą Mocha

Question

Za pomocą pakietu WebPack można importować style w kodzie w następujący sposób: import './PageSpinner.styl'; Ale gdy spróbujesz przetestować ten kod za pomocą Mocha, twoje testy zostaną rozbite przy użyciu SyntaxError, ponieważ silnik próbuje obsługiwać style takie jak JS kod.

Jak mogę przetestować kod z Mocha?

Answer 1

Miałem ten sam problem ostatnio, a rozwiązanie było przez kompilatory Mocha.

utworzyć plik, nazwijmy to „css-null compiler.js” i posiada:

function noop() { 
    return null; 
} 

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

po uruchomieniu mokka z wiersza poleceń, należy przekazać ten plik jako kompilatora

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

Answer 2

Można to zrobić za pomocą pakietu ignore-styles.

Zainstaluj pakiet, a następnie wymagaj, gdy działasz mokka.

np.

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