From 7d0b9861b8d839b14c68a046e0a43b7cfeb2b6ee Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Mon, 4 Nov 2019 15:40:31 +0100
Subject: [PATCH] Add story for AvatarMenu

---
 .../components/AvatarMenu/AvatarMenu.story.js   | 17 +++++++++++++++++
 webapp/package.json                             |  1 +
 webapp/storybook/helpers.js                     |  7 +++++--
 webapp/yarn.lock                                |  5 +++++
 4 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 webapp/components/AvatarMenu/AvatarMenu.story.js

diff --git a/webapp/components/AvatarMenu/AvatarMenu.story.js b/webapp/components/AvatarMenu/AvatarMenu.story.js
new file mode 100644
index 000000000..9146075cd
--- /dev/null
+++ b/webapp/components/AvatarMenu/AvatarMenu.story.js
@@ -0,0 +1,17 @@
+import { storiesOf } from '@storybook/vue'
+import { withA11y } from '@storybook/addon-a11y'
+import StoryRouter from 'storybook-vue-router'
+import AvatarMenu from '~/components/AvatarMenu/AvatarMenu'
+import helpers from '~/storybook/helpers'
+
+helpers.init()
+
+storiesOf('AvatarMenu', module)
+  .addDecorator(withA11y)
+  .addDecorator(helpers.layout)
+  .addDecorator(StoryRouter())
+  .add('dropdown', () => ({
+    components: { AvatarMenu },
+    store: helpers.store,
+    template: '<avatar-menu placement="top" />',
+  }))
diff --git a/webapp/package.json b/webapp/package.json
index 649788ac7..12873cbf3 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -132,6 +132,7 @@
     "prettier": "~1.18.2",
     "sass-loader": "~8.0.0",
     "storybook-design-token": "^0.4.1",
+    "storybook-vue-router": "^1.0.7",
     "style-loader": "~0.23.1",
     "style-resources-loader": "~1.2.1",
     "vue-jest": "~3.0.5",
diff --git a/webapp/storybook/helpers.js b/webapp/storybook/helpers.js
index de988ab81..f6d81eefe 100644
--- a/webapp/storybook/helpers.js
+++ b/webapp/storybook/helpers.js
@@ -33,10 +33,13 @@ const helpers = {
         namespaced: true,
         getters: {
           isModerator() {
-            return false
+            return true
+          },
+          isAdmin() {
+            return true
           },
           user(state) {
-            return { id: '1', name: 'admin' }
+            return { id: '1', name: 'admin', slug: 'admin' }
           },
         },
       },
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index ef0decedc..31c243f74 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -15104,6 +15104,11 @@ storybook-design-token@^0.4.1:
     raw-loader "3.1.0"
     react-use-clipboard "0.1.4"
 
+storybook-vue-router@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/storybook-vue-router/-/storybook-vue-router-1.0.7.tgz#366451212149d9d0a32557545b244667bb01768e"
+  integrity sha512-R+DYARQ40YVbMbV5moLDmQvodJX5FQPVy5cULb782P1gD5rAkulWtgt8yrM7pmjYru+LTPdLS4blrFPnWlb0sQ==
+
 stream-browserify@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"