Jest - unexpected token export

0
votes

I've created test for my connected component. In one file I import 'Localization' module which is located outside project root folder. It is not compiled to ES5 and Jest reports a SyntaxError: Unexpected token export. How to force Jest to transform that file?

           1 | import axios from 'axios';
           2 | import * as types from './actionTypes';
 error   > 3 | import Localization from '../../../../React/MainMethods/localization';

I have .babelrc with env preset.

{
    "presets": ["env", "react"]
}

package.json

//...
"devDependencies": {
            "babel-core": "^6.26.0",
            "babel-jest": "^23.4.0",
            "babel-loader": "^7.1.2",
            "babel-plugin-lodash": "^3.3.2",
            "babel-plugin-syntax-object-rest-spread": "^6.13.0",
            "babel-plugin-transform-class-properties": "^6.24.1",
            "babel-plugin-transform-decorators-legacy": "^1.3.4",
            "babel-preset-env": "^1.6.1",
            "babel-preset-es2015": "^6.24.1",
            "babel-preset-react": "^6.24.1",
            "babel-preset-stage-0": "^6.24.1",
            "chalk": "^2.3.0",
            "cross-env": "^5.1.1",
            "css-loader": "^0.23.1",
            "enzyme": "^3.3.0",
            "enzyme-adapter-react-15": "^1.0.6",
            "jest": "^23.4.1",
            "jest-cli": "^23.4.1",
            "parallel-webpack": "^1.5.0",
            "progress-bar-webpack-plugin": "^1.11.0",
            "react-test-renderer": "^15.6.2",
            "redux-immutable-state-invariant": "^2.1.0",
            "redux-mock-store": "^1.5.3",
            "style-loader": "^0.13.1",
            "webpack": "^4.16.1",
            "webpack-cli": "^3.0.8"
        },
//...
1
jestjsbabeljsbabel-jest

1 Answers

1
votes

Jest will automatically transform your files to ES6 if you have a babel.config file in your project. If you wanted greater control, you could add a Jest key to your package.json file...

"jest": {
    "transform": {}
  }

Also, take a look at the Babel-Jest project which will compile ES6 modules during testing.

https://github.com/facebook/jest/tree/master/packages/babel-jest#setup