feat(#429): add watch/fetch for DruxtBreadcrumb

druxt · Feb 3, 2022 · af1c36e · af1c36e
1 parent 0436de4
commit af1c36e
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 0 deletions.
diff --git a/.changeset/wet-foxes-wash.md b/.changeset/wet-foxes-wash.md
@@ -0,0 +1,5 @@
+---
+"druxt-breadcrumb": minor
+---
+
+feat(#429): Added watch for `home` and `path` to the DruxtBreadcrumb component.
diff --git a/packages/breadcrumb/src/components/DruxtBreadcrumb.vue b/packages/breadcrumb/src/components/DruxtBreadcrumb.vue
@@ -68,6 +68,14 @@ export default {
      */
     $route: async function() {
       await this.$fetch()
+    },
+
+    home() {
+      this.$fetch()
+    },
+
+    path() {
+      this.$fetch()
     }
   },
 

diff --git a/packages/breadcrumb/test/components/DruxtBreadcrumb.test.js b/packages/breadcrumb/test/components/DruxtBreadcrumb.test.js
@@ -186,4 +186,18 @@ describe('DruxtBreadcrumb', () => {
       }],
     })
   })
+
+  test('watch - props $fetch', async () => {
+    const $fetch = jest.fn()
+    expect($fetch).toHaveBeenCalledTimes(0)
+
+    DruxtBreadcrumb.watch.$route.call({ $fetch })
+    expect($fetch).toHaveBeenCalledTimes(1)
+
+    DruxtBreadcrumb.watch.home.call({ $fetch })
+    expect($fetch).toHaveBeenCalledTimes(2)
+
+    DruxtBreadcrumb.watch.path.call({ $fetch })
+    expect($fetch).toHaveBeenCalledTimes(3)
+  })
 })