chore: Fixup tests snapshots to match new testid behaviour

- Move order-of-sidebar-items to the new package
- Fix the extension sidebar item registrator

Signed-off-by: Sebastian Malton <sebastian@malton.name>

open-lens/integration/__tests__/cluster-pages.tests.ts

@@ -172,219 +172,219 @@ const scenarios = [
   {
     expectedSelector: "div[data-testid='cluster-overview-page'] div.label",
     parentSidebarItemTestId: null,
-    sidebarItemTestId: "sidebar-item-link-for-cluster-overview",
+    sidebarItemTestId: "link-for-sidebar-item-cluster-overview",
   },
 
   {
     expectedSelector: "h5.title",
     parentSidebarItemTestId: null,
-    sidebarItemTestId: "sidebar-item-link-for-nodes",
+    sidebarItemTestId: "link-for-sidebar-item-nodes",
   },
 
   {
     expectedSelector: 'h5 >> text="Overview"',
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-overview",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-workloads-overview",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-pods",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-pods",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-deployments",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-deployments",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-daemon-sets",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-daemon-sets",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-stateful-sets",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-stateful-sets",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-replica-sets",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-replica-sets",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-jobs",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-jobs",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-workloads",
-    sidebarItemTestId: "sidebar-item-link-for-cron-jobs",
+    parentSidebarItemTestId: "link-for-sidebar-item-workloads",
+    sidebarItemTestId: "link-for-sidebar-item-cron-jobs",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-config-maps",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-config-maps",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-secrets",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-secrets",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-resource-quotas",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-resource-quotas",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-limit-ranges",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-limit-ranges",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-horizontal-pod-auto-scalers",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-horizontal-pod-auto-scalers",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-pod-disruption-budgets",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-pod-disruption-budgets",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-network",
-    sidebarItemTestId: "sidebar-item-link-for-services",
+    parentSidebarItemTestId: "link-for-sidebar-item-network",
+    sidebarItemTestId: "link-for-sidebar-item-services",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-network",
-    sidebarItemTestId: "sidebar-item-link-for-endpoints",
+    parentSidebarItemTestId: "link-for-sidebar-item-network",
+    sidebarItemTestId: "link-for-sidebar-item-endpoints",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-network",
-    sidebarItemTestId: "sidebar-item-link-for-ingresses",
+    parentSidebarItemTestId: "link-for-sidebar-item-network",
+    sidebarItemTestId: "link-for-sidebar-item-ingresses",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-network",
-    sidebarItemTestId: "sidebar-item-link-for-network-policies",
+    parentSidebarItemTestId: "link-for-sidebar-item-network",
+    sidebarItemTestId: "link-for-sidebar-item-network-policies",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-storage",
-    sidebarItemTestId: "sidebar-item-link-for-persistent-volume-claims",
+    parentSidebarItemTestId: "link-for-sidebar-item-storage",
+    sidebarItemTestId: "link-for-sidebar-item-persistent-volume-claims",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-storage",
-    sidebarItemTestId: "sidebar-item-link-for-persistent-volumes",
+    parentSidebarItemTestId: "link-for-sidebar-item-storage",
+    sidebarItemTestId: "link-for-sidebar-item-persistent-volumes",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-storage",
-    sidebarItemTestId: "sidebar-item-link-for-storage-classes",
+    parentSidebarItemTestId: "link-for-sidebar-item-storage",
+    sidebarItemTestId: "link-for-sidebar-item-storage-classes",
   },
 
   {
     expectedSelector: "h5.title",
     parentSidebarItemTestId: null,
-    sidebarItemTestId: "sidebar-item-link-for-namespaces",
+    sidebarItemTestId: "link-for-sidebar-item-namespaces",
   },
 
   {
     expectedSelector: "h5.title",
     parentSidebarItemTestId: null,
-    sidebarItemTestId: "sidebar-item-link-for-events",
+    sidebarItemTestId: "link-for-sidebar-item-events",
   },
 
   {
     expectedSelector: "div.HelmCharts input",
-    parentSidebarItemTestId: "sidebar-item-link-for-helm",
-    sidebarItemTestId: "sidebar-item-link-for-charts",
+    parentSidebarItemTestId: "link-for-sidebar-item-helm",
+    sidebarItemTestId: "link-for-sidebar-item-charts",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-helm",
-    sidebarItemTestId: "sidebar-item-link-for-releases",
+    parentSidebarItemTestId: "link-for-sidebar-item-helm",
+    sidebarItemTestId: "link-for-sidebar-item-releases",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-user-management",
-    sidebarItemTestId: "sidebar-item-link-for-service-accounts",
+    parentSidebarItemTestId: "link-for-sidebar-item-user-management",
+    sidebarItemTestId: "link-for-sidebar-item-service-accounts",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-user-management",
-    sidebarItemTestId: "sidebar-item-link-for-cluster-roles",
+    parentSidebarItemTestId: "link-for-sidebar-item-user-management",
+    sidebarItemTestId: "link-for-sidebar-item-cluster-roles",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-user-management",
-    sidebarItemTestId: "sidebar-item-link-for-roles",
+    parentSidebarItemTestId: "link-for-sidebar-item-user-management",
+    sidebarItemTestId: "link-for-sidebar-item-roles",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-user-management",
-    sidebarItemTestId: "sidebar-item-link-for-cluster-role-bindings",
+    parentSidebarItemTestId: "link-for-sidebar-item-user-management",
+    sidebarItemTestId: "link-for-sidebar-item-cluster-role-bindings",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-user-management",
-    sidebarItemTestId: "sidebar-item-link-for-role-bindings",
+    parentSidebarItemTestId: "link-for-sidebar-item-user-management",
+    sidebarItemTestId: "link-for-sidebar-item-role-bindings",
   },
 
   {
     expectedSelector: "h5.title",
     parentSidebarItemTestId: null,
-    sidebarItemTestId: "sidebar-item-link-for-custom-resources",
+    sidebarItemTestId: "link-for-sidebar-item-custom-resources",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-validating-webhook-configurations",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-validating-webhook-configurations",
   },
 
   {
     expectedSelector: "h5.title",
-    parentSidebarItemTestId: "sidebar-item-link-for-config",
-    sidebarItemTestId: "sidebar-item-link-for-mutating-webhook-configurations",
+    parentSidebarItemTestId: "link-for-sidebar-item-config",
+    sidebarItemTestId: "link-for-sidebar-item-mutating-webhook-configurations",
   },
 ];
 
 const navigateToPods = async (frame: Frame) => {
-  await frame.click(`[data-testid="sidebar-item-link-for-workloads"]`);
-  await frame.click(`[data-testid="sidebar-item-link-for-pods"]`);
+  await frame.click(`[data-testid="link-for-sidebar-item-workloads"]`);
+  await frame.click(`[data-testid="link-for-sidebar-item-pods"]`);
 };
 
 const navigateToNamespaces = async (frame: Frame) => {
-  await frame.click(`[data-testid="sidebar-item-link-for-namespaces"]`);
+  await frame.click(`[data-testid="link-for-sidebar-item-namespaces"]`);
 };

packages/cluster-sidebar/src/order-of-sidebar-items.test.ts

@@ -0,0 +1,174 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { createContainer, DiContainer, getInjectable } from "@ogre-tools/injectable";
+import { computed, IComputedValue } from "mobx";
+import { noop } from "lodash/fp";
+import sidebarItemsInjectable from "./sidebar-items.injectable";
+import { SidebarItemDeclaration, sidebarItemInjectionToken } from "./tokens";
+import { registerMobX } from "@ogre-tools/injectable-extension-for-mobx";
+import { clusterSidebarFeature } from "./feature";
+
+const someParentSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-parent",
+  instantiate: () => ({
+    parentId: null,
+    title: "Some parent",
+    onClick: noop,
+    orderNumber: 42,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someOtherParentSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-other-parent",
+  instantiate: () => ({
+    parentId: null,
+    title: "Some other parent",
+    onClick: noop,
+    orderNumber: 126,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someAnotherParentSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-another-parent",
+  instantiate: () => ({
+    parentId: null,
+    title: "Some another parent",
+    onClick: noop,
+    orderNumber: 84,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someForthParentSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-forth-parent",
+  instantiate: () => ({
+    parentId: null,
+    title: "Some another parent",
+    onClick: noop,
+    orderNumber: 84,
+    isVisible: computed(() => false),
+    isActive: computed(() => true),
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someChildSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-child",
+  instantiate: () => ({
+    parentId: someParentSidebarItemInjectable.id,
+    title: "Some child",
+    onClick: noop,
+    orderNumber: 168,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someOtherChildSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-other-child",
+  instantiate: () => ({
+    parentId: someParentSidebarItemInjectable.id,
+    title: "Some other child",
+    onClick: noop,
+    orderNumber: 252,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+const someAnotherChildSidebarItemInjectable = getInjectable({
+  id: "sidebar-item-some-another-child",
+  instantiate: () => ({
+    parentId: someParentSidebarItemInjectable.id,
+    title: "Some another child",
+    onClick: noop,
+    orderNumber: 210,
+  }),
+  injectionToken: sidebarItemInjectionToken,
+});
+
+describe("order of sidebar items", () => {
+  let di: DiContainer;
+  let sidebarItems: IComputedValue<SidebarItemDeclaration[]>;
+
+  beforeEach(() => {
+    di = createContainer("test");
+
+    di.register(
+      someParentSidebarItemInjectable,
+      someOtherParentSidebarItemInjectable,
+      someAnotherParentSidebarItemInjectable,
+      someChildSidebarItemInjectable,
+      someOtherChildSidebarItemInjectable,
+      someAnotherChildSidebarItemInjectable,
+      someForthParentSidebarItemInjectable,
+    );
+
+    clusterSidebarFeature.register(di);
+    registerMobX(di);
+
+    sidebarItems = di.inject(sidebarItemsInjectable);
+  });
+
+  it("has parent items in order", () => {
+    const actual = sidebarItems.get().map((item) => item.id);
+
+    expect(actual).toEqual([
+      "sidebar-item-some-parent",
+      "sidebar-item-some-another-parent",
+      "sidebar-item-some-forth-parent",
+      "sidebar-item-some-other-parent",
+    ]);
+  });
+
+  it("an item with no children and no isVisible configuration by default is visible", () => {
+    const item = sidebarItems.get().find((item) => item.id === someAnotherParentSidebarItemInjectable.id);
+
+    expect(item?.isVisible.get()).toBe(true);
+  });
+
+  it("an item with no children and an isVisible configuration is whatever the configuration specifies", () => {
+    const item = sidebarItems.get().find((item) => item.id === someForthParentSidebarItemInjectable.id);
+
+    expect(item?.isVisible.get()).toBe(false);
+  });
+
+  it("an item with children is visible if at least one of the children is visible", () => {
+    const item = sidebarItems.get().find((item) => item.id === "sidebar-item-some-parent");
+
+    expect(item?.isVisible.get()).toBe(true);
+  });
+
+  it("an item with no children and no isActive configuration by default is not active", () => {
+    const item = sidebarItems.get().find((item) => item.id === someAnotherParentSidebarItemInjectable.id);
+
+    expect(item?.isActive.get()).toBe(false);
+  });
+
+  it("an item with no children and an isActive configuration is whatever the configuration specifies", () => {
+    const item = sidebarItems.get().find((item) => item.id === someForthParentSidebarItemInjectable.id);
+
+    expect(item?.isActive.get()).toBe(true);
+  });
+
+  it("an item with children is active if at least one of the children is active", () => {
+    const item = sidebarItems.get().find((item) => item.id === "sidebar-item-some-parent");
+
+    expect(item?.isActive.get()).toBe(false);
+  });
+
+  it("has child items in order", () => {
+    const actual = sidebarItems
+      .get()
+      .find((item) => item.id === "sidebar-item-some-parent")
+      ?.children.map((item) => item.id);
+
+    expect(actual).toEqual([
+      "sidebar-item-some-child",
+      "sidebar-item-some-another-child",
+      "sidebar-item-some-other-child",
+    ]);
+  });
+});

packages/core/src/features/cluster/__snapshots__/custom-resources-in-sidebar.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -93,7 +93,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -111,7 +111,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -129,7 +129,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -147,7 +147,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -162,7 +162,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -192,7 +192,7 @@ exports[`cluster - custom resources in sidebar renders 1`] = `
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -519,7 +519,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -534,7 +534,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -552,7 +552,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -570,7 +570,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -588,7 +588,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -603,7 +603,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -621,7 +621,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -639,7 +639,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -669,7 +669,7 @@ exports[`cluster - custom resources in sidebar when custom resource definitions
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -996,7 +996,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -1011,7 +1011,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -1029,7 +1029,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -1047,7 +1047,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -1065,7 +1065,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -1080,7 +1080,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -1110,7 +1110,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists rende
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -1437,7 +1437,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -1452,7 +1452,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -1470,7 +1470,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -1488,7 +1488,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -1506,7 +1506,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -1521,7 +1521,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -1539,7 +1539,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -1557,7 +1557,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -1587,7 +1587,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -1914,7 +1914,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -1929,7 +1929,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -1947,7 +1947,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -1965,7 +1965,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -1983,7 +1983,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -1998,7 +1998,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -2016,7 +2016,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -2034,7 +2034,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -2050,12 +2050,12 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               <div
                 class="SidebarItem"
                 data-is-active-test="false"
-                data-parent-id-test="custom-resources"
+                data-parent-id-test="sidebar-item-custom-resources"
                 data-testid="sidebar-item-custom-resource-definitions"
               >
                 <a
                   class="navItem"
-                  data-testid="sidebar-item-link-for-custom-resource-definitions"
+                  data-testid="link-for-sidebar-item-custom-resource-definitions"
                   href="/"
                 >
                   <span>
@@ -2084,7 +2084,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -2411,7 +2411,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -2426,7 +2426,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -2444,7 +2444,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -2462,7 +2462,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -2480,7 +2480,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -2495,7 +2495,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -2513,7 +2513,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -2531,7 +2531,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -2561,7 +2561,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -2888,7 +2888,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -2903,7 +2903,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -2921,7 +2921,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -2939,7 +2939,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -2957,7 +2957,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -2972,7 +2972,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -2990,7 +2990,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -3008,7 +3008,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -3024,12 +3024,12 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               <div
                 class="SidebarItem"
                 data-is-active-test="false"
-                data-parent-id-test="custom-resources"
+                data-parent-id-test="sidebar-item-custom-resources"
                 data-testid="sidebar-item-custom-resource-group-some-group"
               >
                 <a
                   class="navItem"
-                  data-testid="sidebar-item-link-for-custom-resource-group-some-group"
+                  data-testid="link-for-sidebar-item-custom-resource-group-some-group"
                   href="/"
                 >
                   <span>
@@ -3037,7 +3037,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                   </span>
                   <i
                     class="Icon expandIcon material focusable"
-                    data-testid="sidebar-item-expand-icon-for-custom-resource-group-some-group"
+                    data-testid="expand-icon-for-sidebar-item-custom-resource-group-some-group"
                   >
                     <span
                       class="icon"
@@ -3069,7 +3069,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -3396,7 +3396,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -3411,7 +3411,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-workloads"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -3429,7 +3429,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -3447,7 +3447,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-network"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -3465,7 +3465,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -3480,7 +3480,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-helm"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -3498,7 +3498,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
+              data-testid="link-for-sidebar-item-custom-resources"
               href="/"
             >
               <i
@@ -3516,7 +3516,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               </span>
               <i
                 class="Icon expandIcon material focusable"
-                data-testid="sidebar-item-expand-icon-for-custom-resources"
+                data-testid="expand-icon-for-sidebar-item-custom-resources"
               >
                 <span
                   class="icon"
@@ -3532,12 +3532,12 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
               <div
                 class="SidebarItem"
                 data-is-active-test="false"
-                data-parent-id-test="custom-resources"
+                data-parent-id-test="sidebar-item-custom-resources"
                 data-testid="sidebar-item-custom-resource-group-some-group"
               >
                 <a
                   class="navItem"
-                  data-testid="sidebar-item-link-for-custom-resource-group-some-group"
+                  data-testid="link-for-sidebar-item-custom-resource-group-some-group"
                   href="/"
                 >
                   <span>
@@ -3545,7 +3545,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                   </span>
                   <i
                     class="Icon expandIcon material focusable"
-                    data-testid="sidebar-item-expand-icon-for-custom-resource-group-some-group"
+                    data-testid="expand-icon-for-sidebar-item-custom-resource-group-some-group"
                   >
                     <span
                       class="icon"
@@ -3561,12 +3561,12 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
                   <div
                     class="SidebarItem"
                     data-is-active-test="false"
-                    data-parent-id-test="custom-resource-group-some-group"
+                    data-parent-id-test="sidebar-item-custom-resource-group-some-group"
                     data-testid="sidebar-item-custom-resource-group-some-group/some-resources"
                   >
                     <a
                       class="navItem"
-                      data-testid="sidebar-item-link-for-custom-resource-group-some-group/some-resources"
+                      data-testid="link-for-sidebar-item-custom-resource-group-some-group/some-resources"
                       href="/"
                     >
                       <span>
@@ -3597,7 +3597,7 @@ exports[`cluster - custom resources in sidebar when custom resource exists when
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >

packages/core/src/features/cluster/__snapshots__/legacy-extension-adding-cluster-frame-components.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`legacy extension adding cluster frame components given custom component
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -130,6 +130,7 @@ exports[`legacy extension adding cluster frame components given custom component
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -140,31 +141,6 @@ exports[`legacy extension adding cluster frame components given custom component
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-config"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`legacy extension adding cluster frame components given custom component
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -190,6 +166,7 @@ exports[`legacy extension adding cluster frame components given custom component
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -200,31 +177,6 @@ exports[`legacy extension adding cluster frame components given custom component
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -232,7 +184,7 @@ exports[`legacy extension adding cluster frame components given custom component
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -284,66 +236,7 @@ exports[`legacy extension adding cluster frame components given custom component
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -373,7 +266,7 @@ exports[`legacy extension adding cluster frame components given custom component
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >

packages/core/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -130,6 +130,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -140,31 +141,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-config"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -190,6 +166,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -200,31 +177,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -232,7 +184,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -284,66 +236,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -373,7 +266,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >
@@ -700,7 +593,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -752,6 +645,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -765,36 +659,11 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           <div
             class="SidebarItem"
             data-is-active-test="false"
-            data-testid="sidebar-item-config"
+            data-testid="sidebar-item-test"
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-some-item-id"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-some-item-id"
+              data-testid="link-for-sidebar-item-test"
               href="/"
             >
               <span>
@@ -809,7 +678,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -827,6 +696,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -837,31 +707,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -869,7 +714,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-namespaces"
+              data-testid="link-for-sidebar-item-namespaces"
               href="/"
             >
               <i
@@ -894,7 +739,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -946,66 +791,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -1035,7 +821,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >

packages/core/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,66 +237,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -374,7 +267,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -387,7 +280,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
             <div
               class="Tab flex gaps align-center"
               data-is-active-test="false"
-              data-testid="tab-link-for-pods"
+              data-testid="tab-link-for-sidebar-item-pods"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/custom-resources-in-sidebar.test.tsx

@@ -105,7 +105,7 @@ describe("cluster - custom resources in sidebar", () => {
       });
 
       it("shows Custom Resources sidebar as expandable", () => {
-        expect(result.getByTestId("sidebar-item-expand-icon-for-custom-resources")).toBeInTheDocument();
+        expect(result.getByTestId("expand-icon-for-sidebar-item-custom-resources")).toBeInTheDocument();
       });
 
       it("does not show SomeResources sidebar", () => {
@@ -118,7 +118,7 @@ describe("cluster - custom resources in sidebar", () => {
 
       describe("when custom resources sidebar item is expanded", () => {
         beforeEach(() => {
-          result.getByTestId("sidebar-item-expand-icon-for-custom-resources").click();
+          result.getByTestId("expand-icon-for-sidebar-item-custom-resources").click();
         });
 
         it("renders", () => {
@@ -130,7 +130,7 @@ describe("cluster - custom resources in sidebar", () => {
         });
 
         it("shows Custom Resources sidebar as expandable", () => {
-          expect(result.getByTestId("sidebar-item-expand-icon-for-custom-resources")).toBeInTheDocument();
+          expect(result.getByTestId("expand-icon-for-sidebar-item-custom-resources")).toBeInTheDocument();
         });
 
         it("shows some-group group sidebar item", () => {
@@ -143,7 +143,7 @@ describe("cluster - custom resources in sidebar", () => {
 
         describe("when custom resources group sidebar item is expanded", () => {
           beforeEach(() => {
-            result.getByTestId("sidebar-item-expand-icon-for-custom-resource-group-some-group").click();
+            result.getByTestId("expand-icon-for-sidebar-item-custom-resource-group-some-group").click();
           });
 
           it("renders", () => {
@@ -178,7 +178,7 @@ describe("cluster - custom resources in sidebar", () => {
       });
 
       it("shows Custom Resources sidebar as expandable", () => {
-        expect(result.getByTestId("sidebar-item-expand-icon-for-custom-resources")).toBeInTheDocument();
+        expect(result.getByTestId("expand-icon-for-sidebar-item-custom-resources")).toBeInTheDocument();
       });
 
       it("does not show SomeResources sidebar", () => {
@@ -191,7 +191,7 @@ describe("cluster - custom resources in sidebar", () => {
 
       describe("when custom resources sidebar item is expanded", () => {
         beforeEach(() => {
-          result.getByTestId("sidebar-item-expand-icon-for-custom-resources").click();
+          result.getByTestId("expand-icon-for-sidebar-item-custom-resources").click();
         });
 
         it("renders", () => {
@@ -203,7 +203,7 @@ describe("cluster - custom resources in sidebar", () => {
         });
 
         it("shows Custom Resources sidebar as expandable", () => {
-          expect(result.getByTestId("sidebar-item-expand-icon-for-custom-resources")).toBeInTheDocument();
+          expect(result.getByTestId("expand-icon-for-sidebar-item-custom-resources")).toBeInTheDocument();
         });
 
         it("does not show SomeResources sidebar", () => {
@@ -234,7 +234,7 @@ describe("cluster - custom resources in sidebar", () => {
     });
 
     it("shows Custom Resources sidebar as expandable", () => {
-      expect(result.getByTestId("sidebar-item-expand-icon-for-custom-resources")).toBeInTheDocument();
+      expect(result.getByTestId("expand-icon-for-sidebar-item-custom-resources")).toBeInTheDocument();
     });
 
     it("does not show Custom Resources Definitions sidebar", () => {

packages/core/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -130,6 +130,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -140,31 +141,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -190,6 +166,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -200,31 +177,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -232,7 +184,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -284,66 +236,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -506,7 +399,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
 <body>
   <div>
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -581,7 +474,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -633,6 +526,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -643,31 +537,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -675,7 +544,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -693,6 +562,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -703,31 +573,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -735,7 +580,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -787,66 +632,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -876,7 +662,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1130,7 +916,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
 <body>
   <div>
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right enter"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -1205,7 +991,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1257,6 +1043,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1267,31 +1054,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1299,7 +1061,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1317,6 +1079,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1327,31 +1090,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1359,7 +1097,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1411,66 +1149,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1500,7 +1179,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,6 +237,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -298,71 +251,11 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             <div
               class="SidebarItem"
               data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
+              data-testid="sidebar-item-test-extension-sidebar-item-some"
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-test-extension-some-sidebar-item"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-test-extension-some-sidebar-item"
+                data-testid="link-for-sidebar-item-test-extension-sidebar-item-some"
                 href="/"
               >
                 <div>
@@ -392,7 +285,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -721,7 +614,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -773,6 +666,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -783,31 +677,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -815,7 +684,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -833,6 +702,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -843,31 +713,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -875,7 +720,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -927,66 +772,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1016,7 +802,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1345,7 +1131,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1397,6 +1183,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1407,31 +1194,6 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1439,7 +1201,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1457,6 +1219,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1467,31 +1230,6 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1499,7 +1237,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1551,66 +1289,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1640,7 +1319,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx

@@ -9,6 +9,7 @@ import type { ApplicationBuilder } from "../../../renderer/components/test-utils
 import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
 import type { KubernetesCluster } from "../../../common/catalog-entities";
 import React from "react";
+import { act } from "react-dom/test-utils";
 
 describe("disable sidebar items when cluster is not relevant", () => {
   let builder: ApplicationBuilder;
@@ -59,17 +60,15 @@ describe("disable sidebar items when cluster is not relevant", () => {
     });
 
     it("does not show the sidebar item", () => {
-      const actual = rendered.queryByTestId(
-        "sidebar-item-sidebar-item-some-extension-name-some",
-      );
-
-      expect(actual).not.toBeInTheDocument();
+      expect(rendered.queryByTestId("sidebar-item-test-extension-sidebar-item-some")).not.toBeInTheDocument();
     });
   });
 
   describe("given extension shouldn't be enabled for the cluster", () => {
     beforeEach(async () => {
-      await isEnabledForClusterMock.resolve(false);
+      await act(async () => {
+        await isEnabledForClusterMock.resolve(false);
+      });
     });
 
     it("renders", () => {
@@ -77,17 +76,15 @@ describe("disable sidebar items when cluster is not relevant", () => {
     });
 
     it("does not show the sidebar item", () => {
-      const actual = rendered.queryByTestId(
-        "sidebar-item-sidebar-item-some-extension-name-some",
-      );
-
-      expect(actual).not.toBeInTheDocument();
+      expect(rendered.queryByTestId("sidebar-item-test-extension-sidebar-item-some")).not.toBeInTheDocument();
     });
   });
 
   describe("given extension should be enabled for the cluster", () => {
     beforeEach(async () => {
-      await isEnabledForClusterMock.resolve(true);
+      await act(async () => {
+        await isEnabledForClusterMock.resolve(true);
+      });
     });
 
     it("renders", () => {
@@ -95,11 +92,7 @@ describe("disable sidebar items when cluster is not relevant", () => {
     });
 
     it("shows the sidebar item", () => {
-      const actual = rendered.getByTestId(
-        "sidebar-item-sidebar-item-test-extension-some",
-      );
-
-      expect(actual).toBeInTheDocument();
+      expect(rendered.getByTestId("sidebar-item-test-extension-sidebar-item-some")).toBeInTheDocument();
     });
   });
 });

packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -150,7 +150,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -202,6 +202,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -212,31 +213,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -244,7 +220,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -262,6 +238,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -272,31 +249,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -304,7 +256,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -356,66 +308,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -445,7 +338,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -840,7 +733,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -892,6 +785,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -902,31 +796,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -934,7 +803,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -952,6 +821,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -962,31 +832,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -994,7 +839,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1046,66 +891,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1135,7 +921,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1530,7 +1316,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1582,6 +1368,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1592,31 +1379,6 @@ exports[`disable kube object detail items when cluster is not relevant given not
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1624,7 +1386,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1642,6 +1404,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1652,31 +1415,6 @@ exports[`disable kube object detail items when cluster is not relevant given not
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1684,7 +1422,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1736,66 +1474,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1825,7 +1504,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/kube-object-details/extension-api/__snapshots__/reactively-hide-kube-object-detail-item.test.tsx.snap

@@ -145,7 +145,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -197,6 +197,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -207,31 +208,6 @@ exports[`reactively hide kube object detail item renders 1`] = `
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -239,7 +215,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -257,6 +233,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -267,31 +244,6 @@ exports[`reactively hide kube object detail item renders 1`] = `
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -299,7 +251,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -351,66 +303,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -440,7 +333,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -840,7 +733,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -892,6 +785,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -902,31 +796,6 @@ exports[`reactively hide kube object detail item when the item is shown renders
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -934,7 +803,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -952,6 +821,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -962,31 +832,6 @@ exports[`reactively hide kube object detail item when the item is shown renders
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -994,7 +839,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1046,66 +891,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1135,7 +921,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -130,6 +130,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -140,31 +141,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -190,6 +166,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -200,31 +177,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -232,7 +184,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -284,66 +236,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -586,7 +479,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -638,6 +531,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -648,31 +542,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -680,7 +549,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -698,6 +567,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -708,31 +578,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -740,7 +585,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -792,66 +637,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1088,7 +874,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1140,6 +926,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1150,31 +937,6 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1182,7 +944,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1200,6 +962,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1210,31 +973,6 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1242,7 +980,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1294,66 +1032,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"

packages/core/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -130,6 +130,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -140,31 +141,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -190,6 +166,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -200,31 +177,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -232,7 +184,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -284,66 +236,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -614,7 +507,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -666,6 +559,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -676,31 +570,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -708,7 +577,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -726,6 +595,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -736,31 +606,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -768,7 +613,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -820,66 +665,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1110,7 +896,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1162,6 +948,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1172,31 +959,6 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1204,7 +966,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1222,6 +984,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1232,31 +995,6 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1264,7 +1002,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1316,66 +1054,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"

packages/core/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-namespaces"
+                data-testid="link-for-sidebar-item-namespaces"
                 href="/"
               >
                 <i
@@ -258,7 +210,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -310,66 +262,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -399,7 +292,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -738,7 +631,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -790,6 +683,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -800,31 +694,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -832,7 +701,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -850,6 +719,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -860,31 +730,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -892,7 +737,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-namespaces"
+                data-testid="link-for-sidebar-item-namespaces"
                 href="/"
               >
                 <i
@@ -917,7 +762,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -969,66 +814,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1058,7 +844,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/order-of-sidebar-items.test.tsx

@@ -1,151 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { RenderResult } from "@testing-library/react";
-import { fireEvent } from "@testing-library/react";
-import { sidebarItemInjectionToken } from "@k8slens/cluster-sidebar";
-import { runInAction } from "mobx";
-import { noop } from "lodash/fp";
-import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-
-describe("cluster - order of sidebar items", () => {
-  let rendered: RenderResult;
-  let builder: ApplicationBuilder;
-
-  beforeEach(() => {
-    builder = getApplicationBuilder();
-
-    builder.setEnvironmentToClusterFrame();
-
-    builder.beforeWindowStart(({ windowDi }) => {
-      runInAction(() => {
-        windowDi.register(
-          someParentSidebarItemInjectable,
-          someOtherParentSidebarItemInjectable,
-          someAnotherParentSidebarItemInjectable,
-          someChildSidebarItemInjectable,
-          someOtherChildSidebarItemInjectable,
-          someAnotherChildSidebarItemInjectable,
-        );
-      });
-    });
-  });
-
-  describe("when rendered", () => {
-    beforeEach(async () => {
-      rendered = await builder.render();
-    });
-
-    it("renders", () => {
-      expect(rendered.container).toMatchSnapshot();
-    });
-
-    it("has parent items in order", () => {
-      const actual = rendered
-        .queryAllByTestId(/^sidebar-item-(some-parent-id|some-other-parent-id|some-another-parent-id)/)
-        .map(elem => elem.dataset.testid);
-
-      expect(actual).toEqual([
-        "sidebar-item-some-parent-id",
-        "sidebar-item-some-another-parent-id",
-        "sidebar-item-some-other-parent-id",
-      ]);
-    });
-
-    describe("when parent is expanded", () => {
-      beforeEach(() => {
-        const parentLink = rendered.getByTestId(
-          "sidebar-item-link-for-some-parent-id",
-        );
-
-        fireEvent.click(parentLink);
-      });
-
-      it("renders", () => {
-        expect(rendered.container).toMatchSnapshot();
-      });
-
-      it("has child items in order", () => {
-        const actual = rendered
-          .queryAllByTestId(/^sidebar-item-*/)
-          .filter((element) => element.dataset.parentIdTest === "some-parent-id")
-          .map(elem => elem.dataset.testid);
-
-        expect(actual).toEqual([
-          "sidebar-item-some-child-id",
-          "sidebar-item-some-another-child-id",
-          "sidebar-item-some-other-child-id",
-        ]);
-      });
-    });
-  });
-});
-
-const someParentSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-parent",
-  instantiate: () => ({
-    parentId: null,
-    title: "Some parent",
-    onClick: noop,
-    orderNumber: 42,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});
-
-const someOtherParentSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-other-parent",
-  instantiate: () => ({
-    parentId: null,
-    title: "Some other parent",
-    onClick: noop,
-    orderNumber: 126,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});
-
-const someAnotherParentSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-another-parent",
-  instantiate: () => ({
-    parentId: null,
-    title: "Some another parent",
-    onClick: noop,
-    orderNumber: 84,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});
-
-const someChildSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-child",
-  instantiate: () => ({
-    parentId: someParentSidebarItemInjectable.id,
-    title: "Some child",
-    onClick: noop,
-    orderNumber: 168,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});
-
-const someOtherChildSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-other-child",
-  instantiate: () => ({
-    parentId: someParentSidebarItemInjectable.id,
-    title: "Some other child",
-    onClick: noop,
-    orderNumber: 252,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});
-
-const someAnotherChildSidebarItemInjectable = getInjectable({
-  id: "sidebar-item-some-another-child",
-  instantiate: () => ({
-    parentId: someParentSidebarItemInjectable.id,
-    title: "Some another child",
-    onClick: noop,
-    orderNumber: 210,
-  }),
-  injectionToken: sidebarItemInjectionToken,
-});

packages/core/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx

@@ -70,13 +70,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
       });
 
       it("parent is highlighted", () => {
-        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+        const parent = rendered.queryByTestId("sidebar-item-some-parent");
 
         expect(parent?.dataset.isActiveTest).toBe("true");
       });
 
       it("parent sidebar item is not expanded", () => {
-        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+        const child = rendered.queryByTestId("sidebar-item-some-child");
 
         expect(child).toBeNull();
       });
@@ -95,7 +95,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
             "/some-directory-for-app-data/some-product-name/lens-local-storage/some-cluster-id.json",
             {
               sidebar: {
-                expanded: { "some-parent-id": true },
+                expanded: { "sidebar-item-some-parent": true },
                 width: 200,
               },
             },
@@ -110,13 +110,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
       });
 
       it("parent sidebar item is not highlighted", () => {
-        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+        const parent = rendered.queryByTestId("sidebar-item-some-parent");
 
         expect(parent?.dataset.isActiveTest).toBe("false");
       });
 
       it("parent sidebar item is expanded", () => {
-        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+        const child = rendered.queryByTestId("sidebar-item-some-child");
 
         expect(child).not.toBeNull();
       });
@@ -146,7 +146,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
       });
 
       it("parent sidebar item is not expanded", () => {
-        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+        const child = rendered.queryByTestId("sidebar-item-some-child");
 
         expect(child).toBeNull();
       });
@@ -173,7 +173,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
       });
 
       it("parent sidebar item is not expanded", () => {
-        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+        const child = rendered.queryByTestId("sidebar-item-some-child");
 
         expect(child).toBeNull();
       });
@@ -193,13 +193,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
       });
 
       it("parent sidebar item is not highlighted", () => {
-        const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+        const parent = rendered.queryByTestId("sidebar-item-some-parent");
 
         expect(parent?.dataset.isActiveTest).toBe("false");
       });
 
       it("parent sidebar item is not expanded", () => {
-        const child = rendered.queryByTestId("sidebar-item-some-child-id");
+        const child = rendered.queryByTestId("sidebar-item-some-child");
 
         expect(child).toBeNull();
       });
@@ -207,7 +207,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
       describe("when a parent sidebar item is expanded", () => {
         beforeEach(() => {
           const parentLink = rendered.getByTestId(
-            "sidebar-item-link-for-some-parent-id",
+            "link-for-sidebar-item-some-parent",
           );
 
           fireEvent.click(parentLink);
@@ -218,13 +218,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
         });
 
         it("parent sidebar item is not highlighted", () => {
-          const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+          const parent = rendered.queryByTestId("sidebar-item-some-parent");
 
           expect(parent?.dataset.isActiveTest).toBe("false");
         });
 
         it("parent sidebar item is expanded", () => {
-          const child = rendered.queryByTestId("sidebar-item-some-child-id");
+          const child = rendered.queryByTestId("sidebar-item-some-child");
 
           expect(child).not.toBeNull();
         });
@@ -232,7 +232,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
         describe("when a child of the parent is selected", () => {
           beforeEach(() => {
             const childLink = rendered.getByTestId(
-              "sidebar-item-link-for-some-child-id",
+              "link-for-sidebar-item-some-child",
             );
 
             fireEvent.click(childLink);
@@ -243,13 +243,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
           });
 
           it("parent is highlighted", () => {
-            const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
+            const parent = rendered.queryByTestId("sidebar-item-some-parent");
 
             expect(parent?.dataset.isActiveTest).toBe("true");
           });
 
           it("child is highlighted", () => {
-            const child = rendered.queryByTestId("sidebar-item-some-child-id");
+            const child = rendered.queryByTestId("sidebar-item-some-child");
 
             expect(child?.dataset.isActiveTest).toBe("true");
           });
@@ -283,7 +283,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
 
             expect(actual).toEqual({
               sidebar: {
-                expanded: { "some-parent-id": true },
+                expanded: { "sidebar-item-some-parent": true },
                 width: 200,
               },
             });

packages/core/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx

@@ -178,7 +178,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
             "/some-directory-for-lens-local-storage/some-cluster-id.json",
             {
               sidebar: {
-                expanded: { "some-extension-name-some-parent-id": true },
+                expanded: { "sidebar-item-some-extension-name-some-parent-id": true },
                 width: 200,
               },
             },
@@ -310,7 +310,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-name-some-parent-id",
+            "link-for-sidebar-item-some-extension-name-some-parent-id",
           );
 
           fireEvent.click(parentLink);
@@ -335,7 +335,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-name-some-child-id",
+              "link-for-sidebar-item-some-extension-name-some-child-id",
             );
 
             fireEvent.click(childLink);
@@ -367,7 +367,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-name-some-child-id",
+              "tab-link-for-sidebar-item-some-extension-name-some-child-id",
             );
 
             expect(tabLink.dataset.isActiveTest).toBe("true");
@@ -375,7 +375,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-name-some-other-child-id",
+              "tab-link-for-sidebar-item-some-extension-name-some-other-child-id",
             );
 
             expect(tabLink.dataset.isActiveTest).toBe("false");
@@ -406,7 +406,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
             expect(actual).toEqual({
               sidebar: {
-                expanded: { "some-extension-name-some-parent-id": true },
+                expanded: { "sidebar-item-some-extension-name-some-parent-id": true },
                 width: 200,
               },
             });
@@ -415,7 +415,7 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
           describe("when selecting sibling tab", () => {
             beforeEach(() => {
               const childTabLink = rendered.getByTestId(
-                "tab-link-for-some-extension-name-some-other-child-id",
+                "tab-link-for-sidebar-item-some-extension-name-some-other-child-id",
               );
 
               fireEvent.click(childTabLink);
@@ -433,7 +433,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-name-some-other-child-id",
+                "tab-link-for-sidebar-item-some-extension-name-some-other-child-id",
               );
 
               expect(tabLink.dataset.isActiveTest).toBe("true");
@@ -441,7 +441,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-name-some-child-id",
+                "tab-link-for-sidebar-item-some-extension-name-some-child-id",
               );
 
               expect(tabLink.dataset.isActiveTest).toBe("false");

packages/core/src/features/cluster/visibility-of-sidebar-items.test.tsx

@@ -60,7 +60,7 @@ describe("cluster - visibility of sidebar items", () => {
       });
 
       it("related sidebar item exists", () => {
-        const item = rendered.queryByTestId("sidebar-item-some-item-id");
+        const item = rendered.queryByTestId("sidebar-item-test");
 
         expect(item).not.toBeNull();
       });

packages/core/src/features/cluster/workloads/__snapshots__/pods.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,66 +237,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -374,7 +267,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
             <div
               class="Tab flex gaps align-center"
               data-is-active-test="false"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -387,7 +280,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-pods"
+              data-testid="tab-link-for-sidebar-item-pods"
               role="tab"
               tabindex="0"
             >
@@ -1092,7 +985,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1144,6 +1037,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1154,31 +1048,6 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1186,7 +1055,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1204,6 +1073,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1214,31 +1084,6 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1246,7 +1091,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1298,66 +1143,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1387,7 +1173,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
             <div
               class="Tab flex gaps align-center"
               data-is-active-test="false"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1400,7 +1186,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-pods"
+              data-testid="tab-link-for-sidebar-item-pods"
               role="tab"
               tabindex="0"
             >
@@ -1999,7 +1785,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -2051,6 +1837,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -2061,31 +1848,6 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -2093,7 +1855,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -2111,6 +1873,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -2121,31 +1884,6 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -2153,7 +1891,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -2205,66 +1943,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -2294,7 +1973,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
             <div
               class="Tab flex gaps align-center"
               data-is-active-test="false"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -2307,7 +1986,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-pods"
+              data-testid="tab-link-for-sidebar-item-pods"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,66 +237,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -374,7 +267,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -708,7 +601,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -760,6 +653,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -770,31 +664,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -802,7 +671,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -820,6 +689,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -830,31 +700,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -862,7 +707,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -914,66 +759,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1003,7 +789,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1332,7 +1118,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1384,6 +1170,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1394,31 +1181,6 @@ exports[`disable workloads overview details when cluster is not relevant given n
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1426,7 +1188,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1444,6 +1206,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1454,31 +1217,6 @@ exports[`disable workloads overview details when cluster is not relevant given n
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1486,7 +1224,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1538,66 +1276,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1627,7 +1306,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap

@@ -79,7 +79,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,66 +237,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -374,7 +267,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -713,7 +606,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -765,6 +658,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -775,31 +669,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -807,7 +676,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -825,6 +694,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -835,31 +705,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -867,7 +712,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -919,66 +764,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1008,7 +794,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/features/hotbar/storage/main/welcome-page-migration.test.ts

@@ -9,14 +9,15 @@ import type { HotbarData } from "../common/hotbar";
 import type { HotbarItem } from "../common/types";
 import v640HotbarStoreMigrationInjectable from "./welcome-page-migration.injectable";
 import { defaultHotbarCells } from "../common/types";
+import { array } from "@k8slens/utilities";
 
-function fillWithEmpties(items: HotbarItem[])  {
-  const emptyHotBarItems = new Array(defaultHotbarCells).fill(null);
+function fillWithEmpties(items: (HotbarItem | null)[])  {
+  const emptyHotBarItems = array.filled(defaultHotbarCells, null);
 
   return [...items, ...emptyHotBarItems.slice(items.length)];
 }
 
-function setFirstHotbarItems(store: MigrationStore, items: HotbarItem[]) {
+function setFirstHotbarItems(store: MigrationStore, items: (HotbarItem | null)[]) {
   const oldHotbars = store.get("hotbars") as HotbarData[];
   // empty hotbar items are nulls
   const itemsWithEmptyCells = fillWithEmpties(items);

packages/core/src/features/namespaces/__snapshots__/route-with-sub-namespaces.test.tsx.snap

@@ -78,7 +78,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -130,6 +130,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -140,31 +141,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -172,7 +148,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -190,6 +166,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -200,31 +177,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="true"
@@ -233,7 +185,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-namespaces"
+                data-testid="link-for-sidebar-item-namespaces"
                 href="/"
               >
                 <i
@@ -258,7 +210,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -310,66 +262,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1025,7 +918,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1077,6 +970,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1087,31 +981,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1119,7 +988,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1137,6 +1006,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1147,31 +1017,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="true"
@@ -1180,7 +1025,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-namespaces"
+                data-testid="link-for-sidebar-item-namespaces"
                 href="/"
               >
                 <i
@@ -1205,7 +1050,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1257,66 +1102,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -2003,7 +1789,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -2055,6 +1841,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -2065,31 +1852,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -2097,7 +1859,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -2115,6 +1877,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -2125,31 +1888,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="true"
@@ -2158,7 +1896,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-namespaces"
+                data-testid="link-for-sidebar-item-namespaces"
                 href="/"
               >
                 <i
@@ -2183,7 +1921,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -2235,66 +1973,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"

packages/core/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap

@@ -79,7 +79,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -131,6 +131,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -141,31 +142,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -173,7 +149,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -191,6 +167,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -201,31 +178,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -233,7 +185,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -285,66 +237,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -374,7 +267,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >
@@ -1046,7 +939,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
               <a
                 aria-current="page"
                 class="navItem active"
-                data-testid="sidebar-item-link-for-workloads"
+                data-testid="link-for-sidebar-item-workloads"
                 href="/"
               >
                 <i
@@ -1098,6 +991,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-workloads"
                 >
                   <span
                     class="icon"
@@ -1108,31 +1002,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-config"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-config"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="list"
-                  >
-                    list
-                  </span>
-                </i>
-                <span>
-                  Config
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1140,7 +1009,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-network"
+                data-testid="link-for-sidebar-item-network"
                 href="/"
               >
                 <i
@@ -1158,6 +1027,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-network"
                 >
                   <span
                     class="icon"
@@ -1168,31 +1038,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </i>
               </a>
             </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-storage"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-storage"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="storage"
-                  >
-                    storage
-                  </span>
-                </i>
-                <span>
-                  Storage
-                </span>
-              </a>
-            </div>
             <div
               class="SidebarItem"
               data-is-active-test="false"
@@ -1200,7 +1045,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
             >
               <a
                 class="navItem"
-                data-testid="sidebar-item-link-for-helm"
+                data-testid="link-for-sidebar-item-helm"
                 href="/"
               >
                 <i
@@ -1252,66 +1097,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </span>
                 <i
                   class="Icon expandIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="keyboard_arrow_down"
-                  >
-                    keyboard_arrow_down
-                  </span>
-                </i>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-user-management"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-user-management"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="security"
-                  >
-                    security
-                  </span>
-                </i>
-                <span>
-                  Access Control
-                </span>
-              </a>
-            </div>
-            <div
-              class="SidebarItem"
-              data-is-active-test="false"
-              data-testid="sidebar-item-custom-resources"
-            >
-              <a
-                class="navItem"
-                data-testid="sidebar-item-link-for-custom-resources"
-                href="/"
-              >
-                <i
-                  class="Icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="extension"
-                  >
-                    extension
-                  </span>
-                </i>
-                <span>
-                  Custom Resources
-                </span>
-                <i
-                  class="Icon expandIcon material focusable"
+                  data-testid="expand-icon-for-sidebar-item-helm"
                 >
                   <span
                     class="icon"
@@ -1341,7 +1127,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
             <div
               class="Tab flex gaps align-center active"
               data-is-active-test="true"
-              data-testid="tab-link-for-overview"
+              data-testid="tab-link-for-sidebar-item-workloads-overview"
               role="tab"
               tabindex="0"
             >

packages/core/src/main/cluster/request-api-resources.injectable.ts

@@ -8,11 +8,10 @@ import { loggerInjectionToken } from "@k8slens/logger";
 import type { KubeApiResource } from "../../common/rbac";
 import type { Cluster } from "../../common/cluster/cluster";
 import { apiVersionsRequesterInjectionToken } from "./api-versions-requester";
-import { backoffCaller, withConcurrencyLimit } from "@k8slens/utilities";
+import { backoffCaller, withConcurrencyLimit, byOrderNumber } from "@k8slens/utilities";
 import requestKubeApiResourcesForInjectable from "./request-kube-api-resources-for.injectable";
 import type { AsyncResult } from "@k8slens/utilities";
 import broadcastConnectionUpdateInjectable from "./broadcast-connection-update.injectable";
-import { byOrderNumber } from "@k8slens/utilities";
 
 export type RequestApiResources = (cluster: Cluster) => AsyncResult<KubeApiResource[], Error>;
 

packages/core/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx

@@ -8,7 +8,7 @@ import { extensionRegistratorInjectionToken } from "../../../extensions/extensio
 import { sidebarItemInjectionToken } from "@k8slens/cluster-sidebar";
 import { computed } from "mobx";
 import routesInjectable from "../../routes/routes.injectable";
-import { matches, noop } from "lodash/fp";
+import { matches } from "lodash/fp";
 import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
 import { navigateToRouteInjectionToken } from "../../../common/front-end-routing/navigate-to-route-injection-token";
 import { getExtensionRoutePath } from "../../routes/for-extension";
@@ -23,66 +23,55 @@ const extensionSidebarItemRegistratorInjectable = getInjectable({
     const navigateToRoute = di.inject(navigateToRouteInjectionToken);
     const routes = di.inject(routesInjectable);
     const extensionShouldBeEnabledForClusterFrame = di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
+    const extensionRoutes = computed(() => routes.get().filter(matches({ extension })));
 
-    return computed(() => {
-      const extensionRoutes = routes.get().filter(matches({ extension }));
+    return computed(() => extension.clusterPageMenus.map((registration) => {
+      const {
+        components,
+        title,
+        orderNumber = 9999,
+        parentId: rawParentId,
+        visible,
+        id: rawId,
+        target,
+      } = registration;
+      const id = rawId
+        ? `sidebar-item-${extension.sanitizedExtensionId}-${rawId}`
+        : `sidebar-item-${extension.sanitizedExtensionId}`;
+      const parentId = rawParentId
+        ? `sidebar-item-${extension.sanitizedExtensionId}-${rawParentId}`
+        : null;
+      const targetRoutePath = getExtensionRoutePath(extension, target?.pageId);
+      const targetRoute = computed(() => extensionRoutes.get().find(matches({ path: targetRoutePath })));
 
-      return extension.clusterPageMenus.map((registration) => {
-        const targetRoutePath = getExtensionRoutePath(
-          extension,
-          registration.target?.pageId,
-        );
+      return getInjectable({
+        id,
+        instantiate: () => ({
+          orderNumber,
+          parentId,
+          isVisible: computed(() => extensionShouldBeEnabledForClusterFrame.value.get() && (visible?.get() ?? true)),
+          title,
+          getIcon: () => (components.Icon && <components.Icon />),
+          onClick: () => {
+            const route = targetRoute.get();
 
-        const targetRoute = extensionRoutes.find(
-          matches({ path: targetRoutePath }),
-        );
+            if (route) {
+              navigateToRoute(route);
+            }
+          },
+          isActive: computed(() => {
+            const route = targetRoute.get();
 
-        const isVisible = computed(() => {
-          if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
-            return false;
-          }
+            if (!route) {
+              return false;
+            }
 
-          if (!registration.visible) {
-            return true;
-          }
-
-          return registration.visible.get();
-        });
-
-        const id = registration.id ?
-          `${extension.sanitizedExtensionId}-${registration.id}`
-          : extension.sanitizedExtensionId;
-
-        return getInjectable({
-          id: `sidebar-item-${id}`,
-          instantiate: () => ({
-            orderNumber: registration.orderNumber ?? 9999,
-
-            parentId: registration.parentId
-              ? `${extension.sanitizedExtensionId}-${registration.parentId}`
-              : null,
-
-            isVisible,
-
-            title: registration.title,
-            getIcon: registration.components.Icon
-              ? () => <registration.components.Icon />
-              : undefined,
-            ...(targetRoute
-              ? {
-                onClick: () => navigateToRoute(targetRoute),
-
-                isActive: di.inject(
-                  routeIsActiveInjectable,
-                  targetRoute,
-                ),
-              }
-              : { onClick: noop }),
+            return di.inject(routeIsActiveInjectable, route).get();
           }),
-          injectionToken: sidebarItemInjectionToken,
-        });
+        }),
+        injectionToken: sidebarItemInjectionToken,
       });
-    });
+    }));
   },
 
   injectionToken: extensionRegistratorInjectionToken,

packages/core/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap

@@ -82,7 +82,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-cluster-overview"
+              data-testid="link-for-sidebar-item-cluster-overview"
               href="/"
             >
               <i
@@ -114,7 +114,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-nodes"
+              data-testid="link-for-sidebar-item-nodes"
               href="/"
             >
               <i
@@ -152,7 +152,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -204,6 +204,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -214,31 +215,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-config"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -246,7 +222,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -264,6 +240,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -274,31 +251,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -306,7 +258,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-namespaces"
+              data-testid="link-for-sidebar-item-namespaces"
               href="/"
             >
               <i
@@ -331,7 +283,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -383,66 +335,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -686,7 +579,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-cluster-overview"
+              data-testid="link-for-sidebar-item-cluster-overview"
               href="/"
             >
               <i
@@ -718,7 +611,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-nodes"
+              data-testid="link-for-sidebar-item-nodes"
               href="/"
             >
               <i
@@ -756,7 +649,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -808,6 +701,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -818,31 +712,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-config"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -850,7 +719,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -868,6 +737,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -878,31 +748,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -910,7 +755,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-namespaces"
+              data-testid="link-for-sidebar-item-namespaces"
               href="/"
             >
               <i
@@ -935,7 +780,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -987,66 +832,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -1297,7 +1083,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             <a
               aria-current="page"
               class="navItem active"
-              data-testid="sidebar-item-link-for-workloads"
+              data-testid="link-for-sidebar-item-workloads"
               href="/"
             >
               <i
@@ -1349,6 +1135,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-workloads"
               >
                 <span
                   class="icon"
@@ -1359,31 +1146,6 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-config"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-config"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="list"
-                >
-                  list
-                </span>
-              </i>
-              <span>
-                Config
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -1391,7 +1153,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-network"
+              data-testid="link-for-sidebar-item-network"
               href="/"
             >
               <i
@@ -1409,6 +1171,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               </span>
               <i
                 class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-network"
               >
                 <span
                   class="icon"
@@ -1419,31 +1182,6 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               </i>
             </a>
           </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-storage"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-storage"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="storage"
-                >
-                  storage
-                </span>
-              </i>
-              <span>
-                Storage
-              </span>
-            </a>
-          </div>
           <div
             class="SidebarItem"
             data-is-active-test="false"
@@ -1451,7 +1189,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-namespaces"
+              data-testid="link-for-sidebar-item-namespaces"
               href="/"
             >
               <i
@@ -1476,7 +1214,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               class="navItem"
-              data-testid="sidebar-item-link-for-helm"
+              data-testid="link-for-sidebar-item-helm"
               href="/"
             >
               <i
@@ -1528,66 +1266,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               </span>
               <i
                 class="Icon expandIcon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="keyboard_arrow_down"
-                >
-                  keyboard_arrow_down
-                </span>
-              </i>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-user-management"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-user-management"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="security"
-                >
-                  security
-                </span>
-              </i>
-              <span>
-                Access Control
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-testid="sidebar-item-custom-resources"
-          >
-            <a
-              class="navItem"
-              data-testid="sidebar-item-link-for-custom-resources"
-              href="/"
-            >
-              <i
-                class="Icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-              <span>
-                Custom Resources
-              </span>
-              <i
-                class="Icon expandIcon material focusable"
+                data-testid="expand-icon-for-sidebar-item-helm"
               >
                 <span
                   class="icon"
@@ -1617,7 +1296,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           <div
             class="Tab flex gaps align-center active"
             data-is-active-test="true"
-            data-testid="tab-link-for-overview"
+            data-testid="tab-link-for-sidebar-item-workloads-overview"
             role="tab"
             tabindex="0"
           >

packages/core/src/renderer/routes/route-is-active.injectable.ts

@@ -14,13 +14,10 @@ const routeIsActiveInjectable = getInjectable({
   instantiate: (di, route: Route<unknown>) => {
     const currentPath = di.inject(currentPathInjectable);
 
-    return computed(
-      () =>
-        !!matchPath(currentPath.get(), {
-          path: route.path,
-          exact: true,
-        }),
-    );
+    return computed(() => !!matchPath(currentPath.get(), {
+      path: route.path,
+      exact: true,
+    }));
   },
 
   lifecycle: lifecycleEnum.keyedSingleton({