Реакция JS Jest вызывает «SyntaxError: Неожиданный токен».

Question

Теперь я использую реакцию JEST для проверки кода. Если компонент холост, и ничего не импортировать еще, «тест НПМ» проходит гладко, и теперь, я хочу проверить несколько компонентов вместе, и я сразу же получил эту ошибку:

SyntaxError: Unexpected token . 

Это казалось всякий раз, когда срабатывают импортирует что-то другое, например:

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

, а затем с помощью шутки бросает неожиданный токен "." ошибка.

В моих настройках должно быть что-то не так, но где? My Package.json содержит:

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

И .babelrc уже в корне. Также включен бутерброд. Спасибо

Answer 1

Посмотрите на jest docs для webpack integration. Проблема в том, что jest can not работает с другим материалом, а затем js. Таким образом, вы должны издеваться над всеми файлами js, которые вы импортируете. Самый простой способ - настроить moduleNameMapper в своих конфигурациях jest.

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

с __mocks__/styleMock.js, который выглядит следующим образом.

module.exports = {};