It seems like you aren’t including the ES module to commonjs transform. Please add that.

Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions. Thank you 😃

npm install --save-dev babel-jest

configuring jest as follows inside package.json solved the issue for me.

"jest": { "transform": { "^.+\\.jsx$": "babel-jest", "^.+\\.js$": "babel-jest" } }

“react-native”: “^0.50.1”, “jest”: “^21.2.1”, “babel-jest”: “^21.2.0”,

This minimal setup worked for me (jest w/ ES6):

.babelrc

{
  "env": {
    "test": {
      "presets": [
        ["env", { "modules": "commonjs" }]
      ]
    }
  }
}

package.json

{
  "devDependencies": {
    "babel-core": "^6.23.1",
    "babel-jest": "^22.4.3",
    "babel-preset-env": "^1.3.3",
    "jest": "^22.0.0"
  },
  "scripts": {
    "test": "NODE_ENV=test jest"
  },
  "engines": {
    "node": "^9.0.0"
  }
}

You need to setup "test" env in your babel config and configure babel-preset-env to use "modules": "commonjs". There’s a lot of examples in this issue tracker and in the wild.

For those like me…

Mind untranspiled imports from node_modules

Quite a few libraries ship nowadays with the module property set in package.json pointing at the untranspiled (es6, typescript) version of the library. Some bundlers use these by default.

However, as the docs state:

Sometimes it happens (especially in React Native or TypeScript projects) that 3rd party modules are published as untranspiled. Since all files inside node_modules are not transformed by default, Jest will not understand the code in these modules, resulting in syntax errors. To overcome this, you may use transformIgnorePatterns to whitelist such modules. You’ll find a good example of this use case in React Native Guide.

And the solution given here:

"transformIgnorePatterns": [
  "node_modules/(?!(react-native|my-project|react-native-button)/)"
]

(goes in jest.config.js or jest key in package.json)

Having included the above, meant neither ["env", { "modules": "commonjs" }] in .babelrc nor any transfrom override in jest was needed.

I’ve been struggling with this for a few hours now, can anyone spot what I’m missing? I always get:

SyntaxError: Unexpected token import

Here are my config files below, using babel-jest to transpile .js files, and adding a “test” env in .babelrc.

package.json

{
   "scripts": { 
     "test:unit": "jest --config jest-config.js"
   },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-jest": "^22.0.3",
    "babel-preset-2017": "0.0.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "jest": "^22.0.3",
   }
}

jest-config.js

module.exports = {
  'rootDir': './',
  'verbose': true,
  'collectCoverage': true,
  'collectCoverageFrom': ['./**/*.js'],
  'coverageDirectory': '<rootDir>/coverage',
  'moduleFileExtensions': [
    'js'
  ],
  'transform': {
    '^.+\\.js$': 'babel-jest'
  },
  'coverageThreshold': {
    'global': {
      'branches': 70,
      'functions': 85,
      'lines': 85,
      'statements': 85
    }
  },
  'testResultsProcessor': './node_modules/jest-junit'
};

.babelrc

{
  "presets": [
    [
      "env",
      {
        "modules": false
      }
    ]
  ],
  "env": {
    "test": {
      "presets": [
        [
          "env",
          {
            "modules": false
          }
        ]
      ]
    }
  }

Thanks for helping @thymikee, I realize this is not an help forum but I tried this configuration you mentioned here too https://github.com/facebook/jest/issues/4263#issuecomment-322045234

"babel": {
    "presets": [
        [
            "env",
            {
                "modules": false,
                "useBuiltIns": "usage",
                "debug": false
            }
        ],
        "stage-0",
        "react",
        "jest"
    ],
    "plugins": [
        "lodash",
        "transform-decorators-legacy",
        "transform-class-properties"
    ],
    "env": {
        "test": {
            "presets": [
                [
                    "env",
                    {
                        "modules": "commonjs",
                        "useBuiltIns": "usage",
                        "debug": false
                    }
                ],
                "stage-0",
                "react",
                "jest"
            ],
            "plugins": [
                "lodash",
                "transform-decorators-legacy",
                "transform-class-properties",
                "transform-es2015-modules-commonjs"
            ]
        }
    }
},

and a whole lot of other ones but it looks like they’re ignored. So I thought it was a problem of compatibility with latest babel-preset-env Thanks again for helping though : )

super minimal 😃 .babelrc { "presets": ["env"] }

modules: true in test, not false.

http://facebook.github.io/jest/docs/en/webpack.html#using-with-webpack-2

(PR welcome updating docs to use env instead of es2015)

got this issue also when i was optimizing my webpack. Fixed with the below config

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false
      }
    ],
    '@babel/preset-react'
  ],
  env: {
    test: {
      presets: [['@babel/preset-env', { modules: 'commonjs' }]]
    }
  },
  plugins: [
    '@babel/plugin-syntax-dynamic-import',
    'transform-react-remove-prop-types',
    [
      'transform-imports',
      {
        'react-router': {
          transform: 'react-router/${member}',
          preventFullImport: true
        }
      }
    ]
  ]
};

For me this only started happening after upgrading some dependencies, including babel-core (6.26.0->6.26.3) and babel-preset-env (1.6.1->1.7.0).

Simply installing babel-jest (23.6.0) solved it, with no configuration changes.

Edit: Upgrading jest from 22 to 23 works as well (without having to explicitly install babel-jest).