From 85d0592e5e8662e385ec68d416779f7513ec3ebf Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Thu, 21 Apr 2022 09:03:51 -0400
Subject: [PATCH] fix sidebar-and-tab-navigation-for-extensions.test.tsx

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 ...ab-navigation-for-extensions.test.tsx.snap | 124 +++++++++---------
 ...debar-and-tab-navigation-for-core.test.tsx |   2 -
 ...and-tab-navigation-for-extensions.test.tsx |  52 ++++----
 .../test-utils/get-application-builder.tsx    |   2 +
 4 files changed, 91 insertions(+), 89 deletions(-)

diff --git a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
index 808ea1128f..be9c321cd5 100644
--- a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+++ b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
@@ -261,14 +261,14 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="false"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -557,14 +557,14 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="false"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -853,14 +853,14 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="false"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -887,15 +887,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
         >
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-child-id"
+            data-id-test="some-extension-name-some-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
               href="/"
             >
               <span
@@ -907,15 +907,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           </div>
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-other-child-id"
+            data-id-test="some-extension-name-some-other-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-other-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-other-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
               href="/"
             >
               <span
@@ -1193,15 +1193,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="true"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           aria-current="page"
           class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -1228,16 +1228,16 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
         >
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-child-id"
+            data-id-test="some-extension-name-some-child-id"
             data-is-active-test="true"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-child-id"
             data-testid="sidebar-item"
           >
             <a
               aria-current="page"
               class="nav-item flex gaps align-center active"
-              data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
               href="/"
             >
               <span
@@ -1249,15 +1249,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           </div>
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-other-child-id"
+            data-id-test="some-extension-name-some-other-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-other-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-other-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
               href="/"
             >
               <span
@@ -1281,7 +1281,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center active"
         data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-id-some-child-id"
+        data-testid="tab-link-for-some-extension-name-some-child-id"
         role="tab"
         tabindex="0"
       >
@@ -1294,7 +1294,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center"
         data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-id-some-other-child-id"
+        data-testid="tab-link-for-some-extension-name-some-other-child-id"
         role="tab"
         tabindex="0"
       >
@@ -1577,15 +1577,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="true"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           aria-current="page"
           class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -1612,15 +1612,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
         >
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-child-id"
+            data-id-test="some-extension-name-some-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
               href="/"
             >
               <span
@@ -1632,16 +1632,16 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           </div>
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-other-child-id"
+            data-id-test="some-extension-name-some-other-child-id"
             data-is-active-test="true"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-other-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-other-child-id"
             data-testid="sidebar-item"
           >
             <a
               aria-current="page"
               class="nav-item flex gaps align-center active"
-              data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
               href="/"
             >
               <span
@@ -1665,7 +1665,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center"
         data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-id-some-child-id"
+        data-testid="tab-link-for-some-extension-name-some-child-id"
         role="tab"
         tabindex="0"
       >
@@ -1678,7 +1678,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center active"
         data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-id-some-other-child-id"
+        data-testid="tab-link-for-some-extension-name-some-other-child-id"
         role="tab"
         tabindex="0"
       >
@@ -1961,15 +1961,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="true"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           aria-current="page"
           class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -2004,7 +2004,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center active"
         data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-id-some-child-id"
+        data-testid="tab-link-for-some-extension-name-some-child-id"
         role="tab"
         tabindex="0"
       >
@@ -2017,7 +2017,7 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       <div
         class="Tab flex gaps align-center"
         data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-id-some-other-child-id"
+        data-testid="tab-link-for-some-extension-name-some-other-child-id"
         role="tab"
         tabindex="0"
       >
@@ -2300,14 +2300,14 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="false"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
@@ -2334,15 +2334,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
         >
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-child-id"
+            data-id-test="some-extension-name-some-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
               href="/"
             >
               <span
@@ -2354,15 +2354,15 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
           </div>
           <div
             class="SidebarItem"
-            data-id-test="some-extension-id-some-other-child-id"
+            data-id-test="some-extension-name-some-other-child-id"
             data-is-active-test="false"
-            data-parent-id-test="some-extension-id-some-parent-id"
-            data-test-id="some-extension-id-some-other-child-id"
+            data-parent-id-test="some-extension-name-some-parent-id"
+            data-test-id="some-extension-name-some-other-child-id"
             data-testid="sidebar-item"
           >
             <a
               class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
+              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
               href="/"
             >
               <span
@@ -2640,14 +2640,14 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
       </div>
       <div
         class="SidebarItem"
-        data-id-test="some-extension-id-some-parent-id"
+        data-id-test="some-extension-name-some-parent-id"
         data-is-active-test="false"
-        data-test-id="some-extension-id-some-parent-id"
+        data-test-id="some-extension-name-some-parent-id"
         data-testid="sidebar-item"
       >
         <a
           class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
+          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
           href="/"
         >
           <div>
diff --git a/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx b/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
index cd96149816..5d6c717fc9 100644
--- a/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
+++ b/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
@@ -22,7 +22,6 @@ import pathExistsInjectable from "../../common/fs/path-exists.injectable";
 import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
 import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
 import { getSidebarItem } from "../utils";
-import createStoresAndApisInjectable from "../../renderer/create-stores-apis.injectable";
 import sidebarStorageInjectable from "../../renderer/components/layout/sidebar-storage/sidebar-storage.injectable";
 
 describe("cluster - sidebar and tab navigation for core", () => {
@@ -36,7 +35,6 @@ describe("cluster - sidebar and tab navigation for core", () => {
     applicationBuilder = getApplicationBuilder();
     rendererDi = applicationBuilder.dis.rendererDi;
 
-    rendererDi.override(createStoresAndApisInjectable, () => true);
     applicationBuilder.setEnvironmentToClusterFrame();
     applicationBuilder.beforeSetups(({ rendererDi }) => {
       rendererDi.override(
diff --git a/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx b/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
index 3d5762b8f8..52704fd503 100644
--- a/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
+++ b/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
@@ -52,13 +52,12 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       beforeEach(async () => {
         applicationBuilder.beforeRender(({ rendererDi }) => {
           const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
-
           const route = rendererDi
             .inject(routesInjectable)
             .get()
             .find(
               matches({
-                path: "/extension/some-extension-id/some-child-page-id",
+                path: "/extension/some-extension-name/some-child-page-id",
               }),
             );
 
@@ -76,7 +75,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent is highlighted", () => {
         const parent = getSidebarItem(
           rendered,
-          "some-extension-id-some-parent-id",
+          "some-extension-name-some-parent-id",
         );
 
         expect(parent?.dataset.isActiveTest).toBe("true");
@@ -85,7 +84,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not expanded", () => {
         const child = getSidebarItem(
           rendered,
-          "some-extension-id-some-child-id",
+          "some-extension-name-some-child-id",
         );
 
         expect(child).toBeUndefined();
@@ -105,7 +104,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
             "/some-directory-for-lens-local-storage/app.json",
             {
               sidebar: {
-                expanded: { "some-extension-id-some-parent-id": true },
+                expanded: { "some-extension-name-some-parent-id": true },
                 width: 200,
               },
             },
@@ -122,7 +121,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not highlighted", () => {
         const parent = getSidebarItem(
           rendered,
-          "some-extension-id-some-parent-id",
+          "some-extension-name-some-parent-id",
         );
 
         expect(parent?.dataset.isActiveTest).toBe("false");
@@ -131,7 +130,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is expanded", () => {
         const child = getSidebarItem(
           rendered,
-          "some-extension-id-some-child-id",
+          "some-extension-name-some-child-id",
         );
 
         expect(child).not.toBeUndefined();
@@ -147,7 +146,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
             "/some-directory-for-lens-local-storage/app.json",
             {
               sidebar: {
-                expanded: { "some-extension-id-some-unknown-parent-id": true },
+                expanded: { "some-extension-name-some-unknown-parent-id": true },
                 width: 200,
               },
             },
@@ -164,7 +163,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not expanded", () => {
         const child = getSidebarItem(
           rendered,
-          "some-extension-id-some-child-id",
+          "some-extension-name-some-child-id",
         );
 
         expect(child).toBeUndefined();
@@ -194,7 +193,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not expanded", () => {
         const child = getSidebarItem(
           rendered,
-          "some-extension-id-some-child-id",
+          "some-extension-name-some-child-id",
         );
 
         expect(child).toBeUndefined();
@@ -213,7 +212,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not highlighted", () => {
         const parent = getSidebarItem(
           rendered,
-          "some-extension-id-some-parent-id",
+          "some-extension-name-some-parent-id",
         );
 
         expect(parent?.dataset.isActiveTest).toBe("false");
@@ -222,7 +221,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       it("parent sidebar item is not expanded", () => {
         const child = getSidebarItem(
           rendered,
-          "some-extension-id-some-child-id",
+          "some-extension-name-some-child-id",
         );
 
         expect(child).toBeUndefined();
@@ -231,7 +230,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
       describe("when a parent sidebar item is expanded", () => {
         beforeEach(() => {
           const parentLink = rendered.getByTestId(
-            "sidebar-item-link-for-some-extension-id-some-parent-id",
+            "sidebar-item-link-for-some-extension-name-some-parent-id",
           );
 
           fireEvent.click(parentLink);
@@ -244,7 +243,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
         it("parent sidebar item is not highlighted", () => {
           const parent = getSidebarItem(
             rendered,
-            "some-extension-id-some-parent-id",
+            "some-extension-name-some-parent-id",
           );
 
           expect(parent?.dataset.isActiveTest).toBe("false");
@@ -253,7 +252,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
         it("parent sidebar item is expanded", () => {
           const child = getSidebarItem(
             rendered,
-            "some-extension-id-some-child-id",
+            "some-extension-name-some-child-id",
           );
 
           expect(child).not.toBeUndefined();
@@ -262,7 +261,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
         describe("when a child of the parent is selected", () => {
           beforeEach(() => {
             const childLink = rendered.getByTestId(
-              "sidebar-item-link-for-some-extension-id-some-child-id",
+              "sidebar-item-link-for-some-extension-name-some-child-id",
             );
 
             fireEvent.click(childLink);
@@ -275,7 +274,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
           it("parent is highlighted", () => {
             const parent = getSidebarItem(
               rendered,
-              "some-extension-id-some-parent-id",
+              "some-extension-name-some-parent-id",
             );
 
             expect(parent?.dataset.isActiveTest).toBe("true");
@@ -284,7 +283,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
           it("child is highlighted", () => {
             const child = getSidebarItem(
               rendered,
-              "some-extension-id-some-child-id",
+              "some-extension-name-some-child-id",
             );
 
             expect(child?.dataset.isActiveTest).toBe("true");
@@ -300,7 +299,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
           it("tab for child page is active", () => {
             const tabLink = rendered.getByTestId(
-              "tab-link-for-some-extension-id-some-child-id",
+              "tab-link-for-some-extension-name-some-child-id",
             );
 
             expect(tabLink.dataset.isActiveTest).toBe("true");
@@ -308,7 +307,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
           it("tab for sibling page is not active", () => {
             const tabLink = rendered.getByTestId(
-              "tab-link-for-some-extension-id-some-other-child-id",
+              "tab-link-for-some-extension-name-some-other-child-id",
             );
 
             expect(tabLink.dataset.isActiveTest).toBe("false");
@@ -337,7 +336,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
             expect(actual).toEqual({
               sidebar: {
-                expanded: { "some-extension-id-some-parent-id": true },
+                expanded: { "some-extension-name-some-parent-id": true },
                 width: 200,
               },
             });
@@ -346,7 +345,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
           describe("when selecting sibling tab", () => {
             beforeEach(() => {
               const childTabLink = rendered.getByTestId(
-                "tab-link-for-some-extension-id-some-other-child-id",
+                "tab-link-for-some-extension-name-some-other-child-id",
               );
 
               fireEvent.click(childTabLink);
@@ -364,7 +363,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
             it("tab for sibling page is active", () => {
               const tabLink = rendered.getByTestId(
-                "tab-link-for-some-extension-id-some-other-child-id",
+                "tab-link-for-some-extension-name-some-other-child-id",
               );
 
               expect(tabLink.dataset.isActiveTest).toBe("true");
@@ -372,7 +371,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
             it("tab for previous page is not active", () => {
               const tabLink = rendered.getByTestId(
-                "tab-link-for-some-extension-id-some-child-id",
+                "tab-link-for-some-extension-name-some-child-id",
               );
 
               expect(tabLink.dataset.isActiveTest).toBe("false");
@@ -449,6 +448,9 @@ const extensionStubWithSidebarItems = new (class extends LensRendererExtension {
   isBundled: true,
   isCompatible: true,
   isEnabled: true,
-  manifest: null as never,
+  manifest: {
+    name: "some-extension-name",
+    version: "1.0.0",
+  },
   manifestPath: "/some/manifest/path",
 });
diff --git a/src/renderer/components/test-utils/get-application-builder.tsx b/src/renderer/components/test-utils/get-application-builder.tsx
index 43ce9831c5..0ddb46f267 100644
--- a/src/renderer/components/test-utils/get-application-builder.tsx
+++ b/src/renderer/components/test-utils/get-application-builder.tsx
@@ -34,6 +34,7 @@ import type { MenuItemOpts } from "../../../main/menu/application-menu-items.inj
 import applicationMenuItemsInjectable from "../../../main/menu/application-menu-items.injectable";
 import type { MenuItemConstructorOptions } from "electron";
 import { MenuItem } from "electron";
+import createStoresAndApisInjectable from "../../create-stores-apis.injectable";
 
 type Callback = (dis: DiContainers) => void | Promise<void>;
 
@@ -82,6 +83,7 @@ export const getApplicationBuilder = () => {
   } as unknown as ClusterStore;
 
   rendererDi.override(clusterStoreInjectable, () => clusterStoreStub);
+  rendererDi.override(createStoresAndApisInjectable, () => true);
   mainDi.override(clusterStoreInjectable, () => clusterStoreStub);
 
   const beforeSetupsCallbacks: Callback[] = [];