@vue/babel - dynamic import fail

[maxpou]

Version

3.0.0-beta.2

Reproduction link

maxpou/gitvub#43

Steps to reproduce

1. vue create test-dyn-import
2. pick vue-router, vuex, sass, babel, pwa, eslint, unit-jest
3. add new file users.json under test/unit

{
  "data": ["bob", "max"]
}

4. add the following test

  it('should import my file', async () => {
    const userFile = './users.json'
    const users = await import(userFile)
    console.log(users)
  })

5. run npm run test

What is expected?

test should be green and print something like this { data: [ 'bob', 'max' ] }

What is actually happening?

~/sites/lab/test-dyn-import(master*) » npm run test

> test-dyn-import@0.1.0 test /home/maxence/sites/lab/test-dyn-import
> vue-cli-service test

 FAIL  tests/unit/HelloWorld.spec.js
  ● Test suite failed to run

    /home/maxence/sites/lab/test-dyn-import/tests/unit/HelloWorld.spec.js:35
                return import(userFile).then(function (someModule) {
                       ^^^^^^

    SyntaxError: Unexpected token import

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:316:17)

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        1.488s
Ran all test suites.
 ERROR  jest exited with code 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test-dyn-import@0.1.0 test: `vue-cli-service test`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the test-dyn-import@0.1.0 test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/maxence/.npm/_logs/2018-03-02T17_51_40_312Z-debug.log

---

I'm trying to switch to the new file architecture for one of my side project (https://github.com/maxpou/gitvub).
I solved this issue with the past architecture by the following babelrc file

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["transform-es2015-modules-commonjs", "dynamic-import-node"]
    }
  }
}

[yyx990803]

Looks like we need to enable dynamic-import-node for test environments in the preset.

[maxpou]

Thanks!
@yyx990803, I forget to say thank you for this new vue-cli. You definitely gonna make our life easier 👍

[petr-k]

The exact same error still happens with 3.0.0-beta.11.
Settings used:

Manually select features
---
Babel
Router
CSS Pre-processors
Linter / Formatter
Unit testing
---
LESS
---
ESLint + Prettier
---
Jest
---
config: In dedicated config files

@yyx990803 Would mind taking a look? Thanks ;)

[yyx990803]

@petr-k can't reproduce. Please open separate issue with proper reproduction.