Not able to setup storyshot onto storybook with addon-storyshot for Vue app generated by vue cli 3

[adamchenwei]

If you are reporting a bug or requesting support, start here:

Bug or support request summary

Please provide issue details here - What did you expect to happen? What happened instead?
What expect
Build stories as snapshot test correctly

What happened
I encounter error when I start running the jest after completely setup

Steps to reproduce

git clone git@github.com:adamchenwei/vue-storybook-n-storyshots.git
(/~https://github.com/adamchenwei/vue-storybook-n-storyshots)
yarn jest

Please provide necessary steps for reproduction of this issue. Describe the exact steps a maintainer has to take to make the problem occur. If the problem is non-trivial to reproduce, please link a repository or provide some code snippets.

Please specify which version of Storybook and optionally any affected addons that you're running

    "@storybook/addon-storyshots": "^3.4.11",
    "@storybook/vue": "^3.4.11",
    "@vue/cli-plugin-babel": "^3.0.5",
    "@vue/cli-plugin-eslint": "^3.0.5",
    "@vue/cli-plugin-unit-jest": "^3.0.5",
    "@vue/cli-service": "^3.0.5",
    "@vue/test-utils": "^1.0.0-beta.20",
    "babel-core": "^6.26.3",
    "babel-jest": "^23.0.1",
    "jest-vue-preprocessor": "^1.4.0",
    "vue-template-compiler": "^2.5.17"

Affected platforms

• If UI related, please indicate browser, OS, and version
  MacOS X
• If dependency related, please include relevant version numbers
• If developer tooling related, please include the platform information
  Vue with Storybook and Storyshot

[igor-dv]

yarn test doesn't run Jest for you.

[adamchenwei]

@igor-dv sorry if my screenshot was confusing. I ran yarn jest updated the screenshot for clarity

[igor-dv]

Can you please share your test file and jest.config ?

[adamchenwei]

@igor-dv everything is already in /~https://github.com/adamchenwei/vue-storybook-n-storyshots repo I shared in the question. Would you mean something else?

[igor-dv]

I've checked your repo, and couldn't find there any jest.config and test that contains Storyshot (in all 3 branches)

[adamchenwei]

@igor-dv oh boy...my fault. I added new experiment I tried into this branch build/storyshot-trail-base-try-1 Would you check it out for me? Now its throwing new error:

[igor-dv]

Adding babel-preset-vue and setting it to .babelrc instead of @babel/app fixes the problem. I don't know though how it affects your app. There is some kind of versions mismatch between babel, vue, and storybook.

CC #4475