[ Question ] How to get babel working to support imports?

[jhartma]

What are you trying to achieve?

I want to use es2015 import syntax

What do you get instead?

I tried the --compilers js:babel-core/register option which works fine with mocha, but I get a console error Unexpected token import

SyntaxError:                                                                                             
    at Object.exports.runInThisContext (vm.js:78:16)                                                     
    at Module._compile (module.js:543:28)                                                                
    at Object.Module._extensions..js (module.js:580:10)                                                  
    at Module.load (module.js:488:32)                                                                    
    at tryModuleLoad (module.js:447:12)                                                                  
    at Function.Module._load (module.js:439:3)                                                           
    at Module.require (module.js:498:17)                                                                 
    at require (internal/module.js:20:19)                                                                
    at .../node_modules/codeceptjs/node_modules/mocha/lib/mocha.js:222:27

Details

• CodeceptJS version: 0.4.13
• NodeJS Version: 7.4.0
• Operating System: Linux (Arch)

[DavertMik]

Sorry, babel is not supported as well as any other compilers. I hope at some point NodeJS will implement imports natively.

Probably some support of transpilers can be implemented but I don't think I will do it in nearest future. Working with native code has its benefits.

[sfedorin]

Hi,
The same question for me... I tried to set packages

{
  "name": "portal",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "npx codeceptjs run --steps"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@babel/cli": "^7.8.3",
    "@babel/core": "^7.8.3",
    "@babel/plugin-proposal-class-properties": "^7.8.3",
    "@babel/plugin-proposal-export-default-from": "^7.8.3",
    "@babel/polyfill": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "@babel/preset-react": "^7.8.3",
    "@babel/register": "^7.8.3",
    "@codeceptjs/mailslurp-helper": "^1.0.2",
    "codeceptjs": "^2.3.6",
    "puppeteer": "^2.0.0",
    "mailslurp-client": "^6.7.3"
  }
}

.babelrc file has beed added as well. But I still get error SyntaxError: Cannot use import statement outside a module

[evasyuk]

You are not allowed to use "import" in your test scripts, but you still can require files with "import" command by adding babel transpiler

In my case it was about implementing grey-box testing: I need to use already existing api-interaction files with ES6 => no option to change basic code just to bypass (poor) codecept engine implementation

How to reproduce my experience:

1. create ".babelrc" file

• make sure that it works fine. in order to do this you need to create 2 test files:
  -- one is using "require" commands only
  -- another contains some "import" instruction

2. once babel settings are OK, use it your "steps_file.js" or even tests