It adds the "router-link-exact-active" class for case insensitive version of technologyPath

Author: marinaaisa

Diff for: src/components/Navigator/NavigatorCard.vue

@@ -36,7 +36,7 @@
           v-if="technology"
           :id="INDEX_ROOT_KEY"
           :url="technologyPath"
-          class="technology-title"
+          :class="['technology-title', { 'router-link-exact-active': isSameRoute }]"
           @click.alt.native.prevent="toggleAllNodes"
         >
           <h2 class="card-link">
@@ -247,6 +247,8 @@ export default {
     };
   },
   computed: {
+    isSameRoute: ({ technologyPath, $route }) => (
+      technologyPath.toLowerCase() === $route.path.toLowerCase()),
     politeAriaLive() {
       const { hasNodes, navigatorItems } = this;
       if (!hasNodes) return '';

Diff for: src/components/Navigator/NavigatorCardItem.vue

@@ -89,7 +89,7 @@
         :is="refComponent"
         :id="item.uid"
         :class="{ bolded: isBold }"
-        :url="isGroupMarker ? null : (item.path.toLowerCase() || '')"
+        :url="isGroupMarker ? null : (item.path || '')"
         :tabindex="isFocused ? '0' : '-1'"
         :aria-describedby="`${ariaDescribedBy} ${usageLabel}`"
         class="leaf-link"

Diff for: tests/unit/components/Navigator/NavigatorCard.spec.js

@@ -189,6 +189,7 @@ const createWrapper = ({ propsData, ...others } = {}) => shallowMount(NavigatorC
     BaseNavigatorCard,
   },
   sync: false,
+  mocks: { $route: { path: defaultProps.technologyPath } },
   attachToDocument: true,
   ...others,
 });
@@ -370,6 +371,14 @@ describe('NavigatorCard', () => {
     });
   });
 
+  it('adds the "router-link-exact-active" class for case insensitive version of technologyPath', async () => {
+    const wrapper = createWrapper();
+    wrapper.setProps({
+      technologyPath: '/documentation/Testkit',
+    });
+    expect(wrapper.find('.technology-title').classes()).toContain('router-link-exact-active');
+  });
+
   it('focus the first item if there is no active item', async () => {
     const wrapper = createWrapper();
     await flushPromises();