From acc6ed384fff0d118eaec745ac1510e56637f912 Mon Sep 17 00:00:00 2001
From: Dhaya <154633+dhayab@users.noreply.github.com>
Date: Fri, 30 Sep 2022 18:14:17 +0200
Subject: [PATCH] feat(ais-hierarchical-menu): add css class for link of
 selected menu item

---
 src/components/HierarchicalMenuList.vue                      | 5 ++++-
 .../__tests__/__snapshots__/HierarchicalMenu.js.snap         | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/HierarchicalMenuList.vue b/src/components/HierarchicalMenuList.vue
index 3418bf42c..8c3d27f0c 100644
--- a/src/components/HierarchicalMenuList.vue
+++ b/src/components/HierarchicalMenuList.vue
@@ -17,7 +17,10 @@
     >
       <a
         :href="createURL(item.value)"
-        :class="suit('link')"
+        :class="[
+          suit('link'),
+          item.isRefined && suit('link', 'selected')
+        ]"
         @click.prevent="refine(item.value)"
       >
         <span :class="suit('label')">{{ item.label }}</span>
diff --git a/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap b/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap
index 4107b2b03..58dab954d 100644
--- a/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap
+++ b/src/components/__tests__/__snapshots__/HierarchicalMenu.js.snap
@@ -731,7 +731,7 @@ exports[`default render renders correctly a sub categories selected 1`] = `
 <div class="ais-HierarchicalMenu">
   <ul class="ais-HierarchicalMenu-list ais-HierarchicalMenu-list--lvl0">
     <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--parent ais-HierarchicalMenu-item--selected">
-      <a class="ais-HierarchicalMenu-link">
+      <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
         <span class="ais-HierarchicalMenu-label">
           Apple
         </span>
@@ -761,7 +761,7 @@ exports[`default render renders correctly a sub categories selected 1`] = `
           </a>
         </li>
         <li class="ais-HierarchicalMenu-item ais-HierarchicalMenu-item--parent ais-HierarchicalMenu-item--selected">
-          <a class="ais-HierarchicalMenu-link">
+          <a class="ais-HierarchicalMenu-link ais-HierarchicalMenu-link--selected">
             <span class="ais-HierarchicalMenu-label">
               MacBook
             </span>