Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Error with Storyshots, Jest and Canvas #6367

Closed
chopfitzroy opened this issue Apr 1, 2019 · 1 comment
Closed

Error with Storyshots, Jest and Canvas #6367

chopfitzroy opened this issue Apr 1, 2019 · 1 comment
Labels
addon: storyshots question / support vue

Comments

@chopfitzroy
Copy link

chopfitzroy commented Apr 1, 2019 •
edited
Loading

I am not sure if this bug lies within the realm of storybooks/storyshots itself, and it may actually need to be transferred to another project altogether, looking for some guidance as to where this belongs.

EDIT Links to outputs do not work (seems to be an issue with GitHub issues) so you will need to scroll down.

Describe the bug
I am trying to use the @storybook/addon-storyshots (^5.0) with Vue and Vue Chart.js.

In terms of using Vue Chart.js with the storybooks interface it all works as expected, however I am getting some issues related to canvas when trying to use the @storybook/addon-storyshots with Jest.

My storybook.spec.js is as follows (see more on my file structure here #5537):

import registerRequireContextHook from "babel-plugin-require-context-hook/register";
import initStoryshots from "@storybook/addon-storyshots";

registerRequireContextHook();
initStoryshots({ configPath: "./testing/config/storybook" });

When I run npm run test:unit I get the following output (See below - Output 1).

So based on that output I tried installing canvas (as well as canvas-prebuilt) with npm.

After a bit of research I found this was related to jsdom see #1782 which recommended adding the following to my Jest setupFiles:

HTMLCanvasElement.prototype.getContext = () => { 
    // return whatever getContext has to return
};

This helped reduce some of the errors and produced the following output (See below - Output-2).

Ultimately the test cases do run, however there are enormous amounts of error output related to jsdom and canvas. Also based on the error output I believe the issues with canvas are causing some issues with storyshot's i.e Cannot read property 'length' of undefined.

To Reproduce
I am looking to create a minimal repo demonstrating this issue but first wanted to clarify whether or not this is in the scope of what storybook would consider theirs to fix?

Expected behavior
For the test case to only show errors related to storyshots finding changes in the rendered markup, to mute or remove all errors related to jsdom and canvas.

System:

  • OS: Ubuntu 18.10
  • Device: Desktop
  • Browser: N/A (Headless)
  • Framework: Vue
  • Addons: Storyshots
  • Version:
    "@storybook/addon-actions": "^5.0",
    "@storybook/addon-knobs": "^5.0",
    "@storybook/addon-links": "^5.0",
    "@storybook/addon-notes": "^5.0",
    "@storybook/addon-storyshots": "^5.0",

Additional context

Output 1

 console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (/code/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (/code/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (/code/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:50:45)
          at VueComponent.getContext (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:73:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5) undefined
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of null"
      
      found in
      
      ---> <HorizontalBarChart>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of null
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (/code/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (/code/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (/code/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:50:45)
          at VueComponent.getContext (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:73:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5) undefined
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of null"
      
      found in
      
      ---> <DoughnutChart>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of null
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in created hook: "TypeError: Percent is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Percent is not a function
          at Percent (/code/src/helpers/filters.js:6:25)
          at Array.map (<anonymous>)
          at VueComponent.map (/code/src/helpers/filters.js:4:15)
          at filters.reduce (/code/src/components/CollapsableList.vue:60:1)
          at Array.reduce (<anonymous>)
          at VueComponent.processFilters (/code/src/components/CollapsableList.vue:59:1)
          at VueComponent.created (/code/src/components/CollapsableList.vue:53:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4992:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (/code/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (/code/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (/code/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:50:45)
          at VueComponent.getContext (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:73:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5) undefined
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of null"
      
      found in
      
      ---> <DoughnutChart>
             <PaymentMethodOverview>
               <Anonymous>
                 <Anonymous>
                   <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of null
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (/code/node_modules/jsdom/lib/jsdom/browser/not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (/code/node_modules/jsdom/lib/jsdom/living/nodes/HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (/code/node_modules/jsdom/lib/jsdom/living/generated/HTMLCanvasElement.js:50:45)
          at VueComponent.getContext (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:73:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5) undefined
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of null"
      
      found in
      
      ---> <HorizontalBarChart>
             <DailySalesOverview>
               <Anonymous>
                 <Anonymous>
                   <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of null
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)

  ● Storyshots › Horizontal Bar › with valid data

    ...STORYSHOTS OUTPUT...

 › 13 snapshots failed.
Snapshot Summary
 › 13 snapshots failed from 1 test suite. Inspect your code changes or re-run jest with `-u` to update them.

Test Suites: 1 failed, 1 passed, 2 total
Tests:       13 failed, 15 passed, 28 total
Snapshots:   13 failed, 5 passed, 18 total
Time:        2.381s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! globalpix-sales-statistics@0.1.0 test:unit: `vue-cli-service test:unit`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the globalpix-sales-statistics@0.1.0 test:unit 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!     /root/.npm/_logs/2019-04-01T22_07_02_125Z-debug.log

Output 2

console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of undefined"
      
      found in
      
      ---> <HorizontalBarChart>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of undefined
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of undefined"
      
      found in
      
      ---> <DoughnutChart>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of undefined
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in created hook: "TypeError: Percent is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Percent is not a function
          at Percent (/code/src/helpers/filters.js:6:25)
          at Array.map (<anonymous>)
          at VueComponent.map (/code/src/helpers/filters.js:4:15)
          at filters.reduce (/code/src/components/CollapsableList.vue:60:1)
          at Array.reduce (<anonymous>)
          at VueComponent.processFilters (/code/src/components/CollapsableList.vue:59:1)
          at VueComponent.created (/code/src/components/CollapsableList.vue:53:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4992:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in data(): "TypeError: uuid is not a function"
      
      found in
      
      ---> <CollapsableList>
             <Anonymous>
               <Anonymous>
                 <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: uuid is not a function
          at VueComponent.data (/code/src/components/CollapsableList.vue:49:1)
          at getData (/code/node_modules/vue/dist/vue.common.dev.js:4735:17)
          at initData (/code/node_modules/vue/dist/vue.common.dev.js:4692:7)
          at initState (/code/node_modules/vue/dist/vue.common.dev.js:4631:5)
          at VueComponent.Vue._init (/code/node_modules/vue/dist/vue.common.dev.js:4990:5)
          at new VueComponent (/code/node_modules/vue/dist/vue.common.dev.js:5137:12)
          at createComponentInstanceForVnode (/code/node_modules/vue/dist/vue.common.dev.js:3286:10)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3117:45)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at createChildren (/code/node_modules/vue/dist/vue.common.dev.js:6038:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5939:9)
          at VueComponent.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at VueComponent.Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at VueComponent.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at VueComponent.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at init (/code/node_modules/vue/dist/vue.common.dev.js:3121:13)
          at createComponent (/code/node_modules/vue/dist/vue.common.dev.js:5963:9)
          at createElm (/code/node_modules/vue/dist/vue.common.dev.js:5910:9)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6460:7)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of undefined"
      
      found in
      
      ---> <DoughnutChart>
             <PaymentMethodOverview>
               <Anonymous>
                 <Anonymous>
                   <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of undefined
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/DoughnutChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)
    console.error node_modules/vue/dist/vue.common.dev.js:630
      [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'length' of undefined"
      
      found in
      
      ---> <HorizontalBarChart>
             <DailySalesOverview>
               <Anonymous>
                 <Anonymous>
                   <Root>
    console.error node_modules/vue/dist/vue.common.dev.js:1893
      TypeError: Cannot read property 'length' of undefined
          at Object.acquireContext (/code/node_modules/chart.js/dist/Chart.js:6896:19)
          at Chart.construct (/code/node_modules/chart.js/dist/Chart.js:8415:26)
          at new Chart (/code/node_modules/chart.js/dist/Chart.js:8402:7)
          at VueComponent.renderChart (/code/node_modules/vue-chartjs/dist/webpack:/src/BaseCharts.js:72:29)
          at VueComponent.mounted (/code/src/components/charts/HorizontalBarChart.vue:10:1)
          at invokeWithErrorHandling (/code/node_modules/vue/dist/vue.common.dev.js:1859:57)
          at callHook (/code/node_modules/vue/dist/vue.common.dev.js:4210:7)
          at Object.insert (/code/node_modules/vue/dist/vue.common.dev.js:3142:7)
          at invokeInsertHook (/code/node_modules/vue/dist/vue.common.dev.js:6331:28)
          at Vue.patch [as __patch__] (/code/node_modules/vue/dist/vue.common.dev.js:6548:5)
          at Vue._update (/code/node_modules/vue/dist/vue.common.dev.js:3936:19)
          at Vue.updateComponent (/code/node_modules/vue/dist/vue.common.dev.js:4057:10)
          at Watcher.get (/code/node_modules/vue/dist/vue.common.dev.js:4468:25)
          at new Watcher (/code/node_modules/vue/dist/vue.common.dev.js:4457:12)
          at mountComponent (/code/node_modules/vue/dist/vue.common.dev.js:4064:3)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:9034:10)
          at Vue.Object.<anonymous>.Vue.$mount (/code/node_modules/vue/dist/vue.common.dev.js:11919:16)
          at getRenderedTree (/code/node_modules/@storybook/addon-storyshots/dist/frameworks/vue/renderTree.js:21:13)
          at /code/node_modules/@storybook/addon-storyshots/dist/test-bodies.js:21:18
          at Object.<anonymous> (/code/node_modules/@storybook/addon-storyshots/dist/api/snapshotsTestsTemplate.js:35:33)
          at Object.asyncJestTest (/code/node_modules/jest-jasmine2/build/jasmine_async.js:108:37)
          at resolve (/code/node_modules/jest-jasmine2/build/queue_runner.js:56:12)
          at new Promise (<anonymous>)
          at mapper (/code/node_modules/jest-jasmine2/build/queue_runner.js:43:19)
          at promise.then (/code/node_modules/jest-jasmine2/build/queue_runner.js:87:41)
          at process._tickCallback (internal/process/next_tick.js:68:7)

  ● Storyshots › Horizontal Bar › with valid data

    ...STORYSHOTS OUTPUT...

 › 13 snapshots failed.
Snapshot Summary
 › 13 snapshots failed from 1 test suite. Inspect your code changes or re-run jest with `-u` to update them.

Test Suites: 1 failed, 1 passed, 2 total
Tests:       13 failed, 15 passed, 28 total
Snapshots:   13 failed, 5 passed, 18 total
Time:        1.648s, estimated 2s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! globalpix-sales-statistics@0.1.0 test:unit: `vue-cli-service test:unit`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the globalpix-sales-statistics@0.1.0 test:unit 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!     /root/.npm/_logs/2019-04-01T22_13_41_714Z-debug.log
@chopfitzroy
Copy link
Author

I was able to fix this by:

  • Downgrading canvas to 1.x.x
  • Installing the required libraries in my docker VM to compile canvas.
  • Installing (and building) node_modules in the docker VM (not mounting them from my local file system)

Eventually I would like to use the newer (2) version of canvas perhaps following the instructions here but for now this is fixed.

@greptile-apps greptile-apps bot mentioned this issue Aug 28, 2024
Merged
8 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
addon: storyshots question / support vue
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@shilman @chopfitzroy