jest: Babel Jest Not Being used.

Oh, I think I know why this has happened: Jest uses caching, and when you added a .babelrc, it wasn’t recognized. Can you try again adding a .babelrcfile with the es2015 preset and running Jest with --no-cache once? That should make sure that config changes are properly picked up 😃 Without the es2015 preset, import/export will definitely not work.

I just ran into this same issue. I fixed it another way. The parsing error I was running into was on module related stuff like import and export.

Turns out I had disabled modules in my .babelrc in order to get tree shaking to work in webpack2.

"presets":  [
  ["es2015", {"modules": false}]
]

To work around it, I added a test specific env setting in my .babelrc to disable it.

"env": {
  "test": {
    "presets": [
      "es2015"
    ]
  }
}

I didn’t need to use transform-es2015-modules-commonjs.

I was able to fix this with

{
  "presets": [
    "react",
    ["es2015", {"modules": false, "loose": true}]
  ],
  "plugins": ["transform-object-rest-spread", "transform-decorators-legacy"],
  "env": {
    "test": {
      "plugins": ["transform-object-rest-spread", "transform-es2015-modules-commonjs", "transform-decorators-legacy"]
    }
  }
}

Note the transform-es2015-modules-commonjs

I also have this issue. It’s very mind boggling, because I have setup 2 repos and while first one works, second does not.

I was having a similar issue when I realized I had an ignore field in my Babel config to avoid building **/*.test.js files. Turns out it also prevents babel-jest from doing its job on these files, which is why it seemed like it was not working at all.

Same problem here…, my babelrc is exactly the same

{
  "presets": ["es2015", "react", "stage-0"],
  "plugins": [
    "react-hot-loader/babel"
  ]
}

and I’ve installed everything mentioned in docs

"devDependencies": {
  "babel-jest": "^18.0.0",
  "babel-polyfill": "^6.20.0",
  "jest": "^18.1.0"
},

tried every solution in this thread (install transform-es2015-modules-commonjs plugin, --no-cache, …), just keep getting this error Unexpected token import, still don’t know how to solve it.

---

I just tried mocha, with mocha --require babel-register and it works without any other configuration. Not sure why jest doesn’t work.

@jamedranoa I think I got things to work, now to make sure I can write meaningful tests. here is my configuration “jest”: { “transform”: { ** “^.+\.js$”: “<rootDir>/node_modules/babel-jest”, pretty sure this fixed issues** “.(ts|tsx|js)”: “<rootDir>/node_modules/ts-jest/preprocessor.js” }, “testRegex”: “(/react/tests/.*|\.(test|spec))\.(ts|tsx|js)$”, “moduleFileExtensions”: [ “ts”, “tsx”, “js” ], “unmockedModulePathPatterns”: [ “node_modules/react/”, “node_modules/enzyme/” ], “globals”: { “TS_CONFIG”: “tsconfig.json” } } tsconfig.json { “compilerOptions”: { “module”: “commonjs”, “target”: “ES6”, “noImplicitAny”: false, “jsx”: “react”, “sourceMap”: true, “moduleResolution”: “node”, “allowJs”: true, “allowSyntheticDefaultImports”: true } }

and this is my currently working tests, not sure how meaningful they are but its not complaining (yet)

import * as React from ‘react’; import TestUtils from ‘react-addons-test-utils’; import { createStore } from ‘redux’; import { expect } from ‘chai’; import { shallow } from ‘enzyme’;

import BuyerCatalogDashboard from ‘…/src/views/BuyerCatalogDashboard/BuyerCatalogDashboard’; import catalogReducer from ‘…/src/reducers/catalog_reducer’; describe(‘<BuyerCatalogDashboard />’, () => { it(‘renders joey’, () => { const store = createStore(catalogReducer); const element = React.createElement(BuyerCatalogDashboard, {store: store}, {});

    const wrapper = shallow(element);
    expect(true);
    // var renderer = TestUtils.createRenderer();
    // renderer.render(BuyerCatalogDashboard, {}).toMatchSnapshot();
})

}); describe(‘Addition’, () => { it(‘knows that 2 and 2 make 4’, () => { // expect(2 + 2).toBe(4); }); });

@jamedranoa thanks again for all your help, found the transform solution from this repo https://github.com/kulshekhar/ts-jest#known-limitations-for-ts-compiler-options

I have this same issue with jest-cli 14.0.

import React from 'react';
    ^^^^^^
    SyntaxError: Unexpected token import

package.json:

  "jest": {
    "automock": false,
    "moduleFileExtensions": ["js", "jsx"],
    "moduleDirectories": ["node_modules"],
    "unmockedModulePathPatterns": [
      "<rootDir>/node_modules/react/",
      "<rootDir>/node_modules/react-dom/"
    ]
  }

.babelrc

{
  "presets": [
    "es2015",
    "stage-1",
    "react"
  ],
  "plugins": [
    "transform-runtime"
  ]
}

$ node -v
v6.2.2

How is babel-jest installed in such a way that it doesn’t have to be mentioned in any config?

Edit

I added require('babel-polyfill'), which is only mentioned as a dependency here, though react-addons-test-utils is imported but not listed as a dependency. However, running through the tutorial gets the tests to pass now, but there is an odd warning.

❯ npm run jest --no-cache -s
Using Jest CLI v14.0.0, jasmine2, babel-jest
 PASS  __tests__/sum-test.js (0.271s)
Running 1 test suite...Warning: ReactComponentTreeDevtool: Missing React element for debugID 2 when building stack
Warning: ReactComponentTreeDevtool: Missing React element for debugID 2 when building stack
Warning: ReactComponentTreeDevtool: Missing React element for debugID 2 when building stack
Warning: ReactComponentTreeDevtool: Missing React element for debugID 2 when building stack
 PASS  __tests__/CheckboxWithLabel-test.js (0.778s)
2 tests passed (2 total in 2 test suites, run time 1.9s)

Double edit

npm install --save react@15.3.0-rc.3 fixes that 2nd error

FWIW, my issue was simply that my setup framework script file name was “jest.config.js” in the root directory… and that’s the automatic configuration filename for Jest 🤕 🥇 Moving and renaming it to setup.js fixed it.

Yep, working on it as hard as I can! 😃