unit test failing

Version

3.0.0-beta.6

Reproduction link

https://codesandbox.io/s/vue

Steps to reproduce

vue create myproject

Vue CLI v3.0.0-beta.6
? Please pick a preset: full (vue-router, vuex, sass, babel, pwa, eslint, unit-j
est, e2e-nightwatch)

select full

🎉 Successfully created project myproject.
cd myproject

What is expected?

vue-cli-service test passing without error

What is actually happening?

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

  Plugin 0 specified in "/Users/yves/Developments/WIP/VUE.JS-vcli-3-beta/myproject/node_modules/@vue/babel-preset-app/index.js" provided an invalid property of "default" (While processing preset: "..../myproject/node_modules/@vue/babel-preset-app/index.js")
  
    at Plugin.init (node_modules/babel-jest/node_modules/babel-core/lib/transformation/plugin.js:131:13)
        at Array.map (<anonymous>)
        at Array.map (<anonymous>)

Test Suites: 1 failed, 1 total
Tests: 0 total
Snapshots: 0 total
Time: 10.668s
Ran all test suites.
ERROR jest exited with code 1.
error Command failed with exit code 1.

[LinusBorg]

select full

I can't, that's a preset you saved yourself ;)

However I reproduced the selected options, and can't reproduce this, the tests pass just fine. Can you provide any more information? Like your setup, or a real repository with the failing code? Have you tried re-installing /node_modules?

the error message indicates that the first babel plugin we add with the @vue/babel-preset-app preset exports an invalid property default, which in turn sounds like some error with ES-Module compatibility. But that seems unlikely given that we use require() and module.exports, not ES6 syntax. In a way, this makes sense, we use require() for loading the plugin, and the plugin itself uses export default:

• Your require(): https://github.com/vuejs/vue-cli/blob/dev/packages/%40vue/babel-preset-app/index.js#L10
• the plugin's export default https://github.com/babel/babel/blob/master/packages/babel-plugin-syntax-jsx/src/index.js#L3

So weh should have to use require().default if babel didn't take care of this. but as it runs fine for me, that seems to be the case generally, yet break for you.

` yves@Yvess-Mac-mini myprojectTEST (master) $ rm -R node_modules
yves@Yvess-Mac-mini myprojectTEST (master) $ yarn install
yarn install v0.27.5
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 125.68s

yves@Yvess-Mac-mini myprojectTEST (master) $ yarn test
yarn test v0.27.5
$ vue-cli-service test
PASS tests/unit/HelloWorld.spec.js (5.598s)
HelloWorld.vue
✓ renders props.msg when passed (27ms)

Test Suites: 1 passed, 1 total
Tests: 1 passed, 1 total
Snapshots: 0 total
Time: 11.26s
Ran all test suites.
Done in 21.44s.`

re-building node_modules solved the issue ... I don't understand what happen .. but at leats , it's testing fine .. thanks for your prompt attention to it

just for info .. I compared the 2 package.json

the only difference I can see , is in the failing one , using @vue/prettier in eslintConfig

"eslintConfig": { "root": true, "extends": [ "plugin:vue/essential", "@vue/prettier" ] },

[liron-navon]

This is still an issue, is there a solution?

[LinusBorg]

the OP stated:

re-building node_modules solved the issue

So if you have a similar problem, please open a new issue with a proper reproduction of the problem.

[xeor]

I got the same exact same problem as well. Is it back? @Erwin16 does this still work with updated packages?

[xeor]

Might be a false positive from my side. I have an app based on quasar that uses a plugin that generates this issue... Might be the quasar .babelrc's fault... My module that I am getting this error from builds fine.

[laurentpayot]

This issue started when I switched to Vue CLI 3 beta 10 (with Babel 7 beta). Some other packages (like Cypress webpack preprocessor) were using Babel 6. Manual update to Babel 7 in these packages fixed it.

Different Babel versions do not live together well.

[xeor]

The solution for me was switching back to using npm. Doing npm install instead of yarn install solved it..

[spamguy]

Running basic jest unit tests with npm and the latest beta of vue-cli. Same error that others are reporting. I nuked the whole node_modules directory and reinstalled, but with no change.

 FAIL  test/unit/specs/js/auth.spec.js
  ● Test suite failed to run

    Plugin 0 specified in "/Users/spamguy/src/vue-dipl.io/node_modules/@vue/babel-preset-app/index.js" provided an invalid property of "default" (While processing preset: "/Users/spamguy/src/vue-dipl.io/node_modules/@vue/babel-preset-app/index.js")

      at Plugin.init (node_modules/babel-core/lib/transformation/plugin.js:131:13)
      at Function.normalisePlugin (node_modules/babel-core/lib/transformation/file/options/option-manager.js:152:12)
      at node_modules/babel-core/lib/transformation/file/options/option-manager.js:184:30
          at Array.map (<anonymous>)
      at Function.normalisePlugins (node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)
      at OptionManager.mergeOptions (node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)
      at node_modules/babel-core/lib/transformation/file/options/option-manager.js:265:14
      at node_modules/babel-core/lib/transformation/file/options/option-manager.js:323:22
          at Array.map (<anonymous>)
      at OptionManager.resolvePresets (node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)

[manico]

Have the exact same problem. :(
Here is the reproduction:
https://github.com/chmjs/vuetify-colorizer

Just run npm test

[skhavari]

Given the repro above, should this be reopened? Also running into this.