fix: call afterNavigation after nextTick (#478)

* fix: afterNavigation * style: use arrow function
nuxt · Oct 28, 2019 · fa12530 · fa12530
1 parent c6b20eb
commit fa12530
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/shared/nav-guards.js b/src/shared/nav-guards.js
@@ -19,10 +19,12 @@ export function addNavGuards (rootVm) {
   })
 
   router.afterEach(() => {
-    const { metaInfo } = resume(rootVm)
+    rootVm.$nextTick(() => {
+      const { metaInfo } = resume(rootVm)
 
-    if (metaInfo && isFunction(metaInfo.afterNavigation)) {
-      metaInfo.afterNavigation(metaInfo)
-    }
+      if (metaInfo && isFunction(metaInfo.afterNavigation)) {
+        metaInfo.afterNavigation(metaInfo)
+      }
+    })
   })
 }
diff --git a/test/unit/components.test.js b/test/unit/components.test.js
@@ -271,6 +271,8 @@ describe('components', () => {
     expect(wrapper.vm.$root._vueMeta.pausing).toBe(true)
 
     guards.after()
+    expect(afterNavigation).not.toHaveBeenCalled()
+    await vmTick(wrapper.vm)
     expect(afterNavigation).toHaveBeenCalled()
   })
 
@@ -306,6 +308,8 @@ describe('components', () => {
     expect(wrapper.vm.$root._vueMeta.pausing).toBe(true)
 
     guards.after()
+    expect(afterNavigation).not.toHaveBeenCalled()
+    await vmTick(wrapper.vm)
     expect(afterNavigation).toHaveBeenCalled()
   })