JEST test not understanding import statement

Question

Im using JEST to test my app. But Im getting an error from the test file --

import xyz from './XYZ.js';
    ^^^^^^
SyntaxError: Unexpected token import

Then I created a .babelrc file and it has the following code --

{
  "presets": [
    "es2015"
  ]
}

After this, whichever file I have imported in the test file does not throw this error. But if one of the imported files (like XYZ.js) have import statement in itself, then it gives the same error on that file.

My package.json devDependencies (significant packages) --

"devDependencies": {
    "babel-jest": "^19.0.0",
    "babel-preset-es2015": "^6.22.0",
    "eslint": "2.0.0",
    "eslint-plugin-react": "latest",
    "express": "^4.12.2",
    "jest": "^19.0.1",
    "react": "^15.3.2",
    "react-dom": "^15.3.2",
    "react-router": "^2.8.1"
  },

Can anyone point out what I have missed?

Have you solved this issue? – Ahmed Abdallah Jan 10 '21 at 03:14 — Ahmed Abdallah, Jan 10 '21 at 03:14

score -1 · Answer 1 · answered Mar 02 '17 at 06:53

-1

Try using

import { xyz } from './XYZ.js';

Also make sure you exported the module

export function xyz() {}

And check out Babel stage-0

answered Mar 02 '17 at 06:53

Alex S

37
3

Yes, it is exported. Its being used in other files (non test files) and it works there. Only in test files it fail. – Ivin Mar 02 '17 at 07:26

JEST test not understanding import statement

1 Answers1