fix(VMenu): show menu if value isActive on mount

fixes #6034
vuetifyjs · Jan 18, 2019 · 094a85e · 094a85e
1 parent a04d639
commit 094a85e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VMenu/VMenu.js b/packages/vuetify/src/components/VMenu/VMenu.js
@@ -166,6 +166,10 @@ export default Vue.extend({
     }
   },
 
+  mounted () {
+    this.isActive && this.activate()
+  },
+
   methods: {
     activate () {
       // This exists primarily for v-select

diff --git a/packages/vuetify/test/unit/components/VMenu/VMenu.spec.js b/packages/vuetify/test/unit/components/VMenu/VMenu.spec.js
@@ -438,4 +438,21 @@ test('VMenu.js', ({ mount, compileToFunctions }) => {
     expect(menu.vm.isActive).toBe(false)
     expect(document.activeElement).toBe(input[2].element)
   })
+
+  it('should show the menu on mounted', () => {
+    const activate = jest.fn()
+    mount(VMenu, {
+      methods: { activate }
+    })
+
+    expect(activate).not.toBeCalled()
+
+    mount(VMenu, {
+      propsData: { value: true },
+      methods: { activate }
+    })
+    expect(activate).toBeCalled()
+
+    expect('Unable to locate target [data-app]').toHaveBeenTipped()
+  })
 })