SyntaxError: Cannot use import statement outside a module - jest

Viewed 337

I am using jest testing framework in my custom framework that builds upon react, and, babel.

when I run the command "npm run test". I am getting the below error.

/homes/akapil/ui_new/ui/portal/local-deps/slipstream-components/node_modules/antd/es/checkbox/index.js:1 ({"Object.":function(module,exports,require,__dirname,__filename,global,jest){import Checkbox from './Checkbox'; ^^^^^^

SyntaxError: Cannot use import statement outside a module

1 | import Checkbox, { CheckboxChangeEvent } from 'antd/es/checkbox'; | ^ 2 | import 'antd/es/checkbox/style'; 3 | import React, { Component } from 'react'; 4 |

at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1350:14) at Object. (portal/local-deps/slipstream-components/src/components/SCheckbox/SCheckbox.tsx:1:1)

My jest.config.js

module.exports = {
    "roots": [
      "<rootDir>/plugins"
    ],
    "collectCoverageFrom": [
      "plugins/**/*.{js,jsx,ts,tsx}",
      "!plugins/**/*.d.ts"
    ],
    "setupFiles": [
      "<rootDir>/node_modules/react-app-polyfill/jsdom.js"
    ],
    "setupFilesAfterEnv": [
      "<rootDir>/setupTests.js"
    ],
    "testMatch": [
      "<rootDir>/plugins/**/__tests__/**/*.{js,jsx,ts,tsx}",
      "<rootDir>/plugins/**/*.{spec,test}.{js,jsx,ts,tsx}"
    ],
    "testEnvironment": "jsdom",
    "testRunner": "<rootDir>/node_modules/jest-circus/runner.js",
    "transform": {
      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/node_modules/react-app-rewired/scripts/utils/babelTransform.js",
      "^.+\\.css$": "<rootDir>/node_modules/react-scripts/config/jest/cssTransform.js",
      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/node_modules/react-scripts/config/jest/fileTransform.js"
    },
    "transformIgnorePatterns": [
      "/node_modules/(?!(slipstream-components)/).*/"
    ],
    "modulePaths": [],
    "moduleNameMapper": {
      "^react-native$": "react-native-web",
      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
    },
    "moduleFileExtensions": [
      "web.js",
      "js",
      "web.ts",
      "ts",
      "web.tsx",
      "tsx",
      "json",
      "web.jsx",
      "jsx",
      "node"
    ],
    "watchPlugins": [
      "jest-watch-typeahead/filename",
      "jest-watch-typeahead/testname"
    ],
    "resetMocks": true,
    // "rootDir": "<rootDir>/plugins"
  }
0 Answers
Related