1
0
mirror of https://github.com/lensapp/lens.git synced 2024-11-28 11:53:41 +03:00

Revert "chore: Fixup tests snapshots to match new testid behaviour"

This reverts commit e6bef1a168.
This commit is contained in:
Sebastian Malton 2023-05-23 09:09:13 -04:00
parent d90bdf6f14
commit 9276df0592
35 changed files with 16774 additions and 1409 deletions

View File

@ -1,174 +0,0 @@
/**
* 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",
]);
});
});

View File

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

View File

@ -78,7 +78,7 @@ exports[`legacy extension adding cluster frame components given custom component
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`legacy extension adding cluster frame components given custom component
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`legacy extension adding cluster frame components given custom component
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`legacy extension adding cluster frame components given custom component
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`legacy extension adding cluster frame components given custom component
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`legacy extension adding cluster frame components given custom component
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -147,7 +195,7 @@ exports[`legacy extension adding cluster frame components given custom component
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -162,7 +210,66 @@ exports[`legacy extension adding cluster frame components given custom component
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -192,7 +299,7 @@ exports[`legacy extension adding cluster frame components given custom component
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -78,7 +78,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -147,7 +195,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -162,7 +210,66 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -192,7 +299,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -519,7 +626,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -534,7 +641,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -548,11 +654,36 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
<div <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
data-testid="sidebar-item-test" data-testid="sidebar-item-config"
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-test" 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"
href="/" href="/"
> >
<span> <span>
@ -567,7 +698,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -585,7 +716,6 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -596,6 +726,31 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -603,7 +758,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -628,7 +783,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -643,7 +798,66 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -673,7 +887,7 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -79,7 +79,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,66 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -193,7 +300,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -206,7 +313,7 @@ exports[`workload overview when navigating to workload overview renders 1`] = `
<div <div
class="Tab flex gaps align-center" class="Tab flex gaps align-center"
data-is-active-test="false" data-is-active-test="false"
data-testid="tab-link-for-sidebar-item-pods" data-testid="tab-link-for-pods"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

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

View File

@ -78,7 +78,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -147,7 +195,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -162,7 +210,66 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -325,7 +432,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
<body> <body>
<div> <div>
<div <div
class="Animate slide-right Drawer KubeObjectDetails flex column right enter" class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;" style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
> >
<div <div
@ -400,7 +507,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -415,7 +522,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -426,6 +532,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -433,7 +564,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -451,7 +582,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -462,6 +592,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -469,7 +624,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -484,7 +639,66 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -514,7 +728,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shou
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -768,7 +982,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
<body> <body>
<div> <div>
<div <div
class="Animate slide-right Drawer KubeObjectDetails flex column right enter" class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;" style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
> >
<div <div
@ -843,7 +1057,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -858,7 +1072,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -869,6 +1082,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -876,7 +1114,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -894,7 +1132,6 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -905,6 +1142,31 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -912,7 +1174,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -927,7 +1189,66 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -957,7 +1278,7 @@ exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -79,7 +79,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm"
> >
<span <span
class="icon" class="icon"
@ -177,11 +224,71 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
<div <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
data-testid="sidebar-item-test-extension-sidebar-item-some" data-testid="sidebar-item-user-management"
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-test-extension-sidebar-item-some" 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"
href="/" href="/"
> >
<div> <div>
@ -211,7 +318,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -540,7 +647,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -555,7 +662,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -566,6 +672,31 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -573,7 +704,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -591,7 +722,6 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -602,6 +732,31 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -609,7 +764,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -624,7 +779,66 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -654,7 +868,7 @@ exports[`disable sidebar items when cluster is not relevant given extension shou
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -983,7 +1197,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -998,7 +1212,6 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -1009,6 +1222,31 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1016,7 +1254,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -1034,7 +1272,6 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -1045,6 +1282,31 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1052,7 +1314,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -1067,7 +1329,66 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1097,7 +1418,7 @@ exports[`disable sidebar items when cluster is not relevant given not yet known
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

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

View File

@ -150,7 +150,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -165,7 +165,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -176,6 +175,31 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -183,7 +207,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -201,7 +225,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -212,6 +235,31 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -219,7 +267,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -234,7 +282,66 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -264,7 +371,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -659,7 +766,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -674,7 +781,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -685,6 +791,31 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -692,7 +823,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -710,7 +841,6 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -721,6 +851,31 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -728,7 +883,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -743,7 +898,66 @@ exports[`disable kube object detail items when cluster is not relevant given ext
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -773,7 +987,7 @@ exports[`disable kube object detail items when cluster is not relevant given ext
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -1168,7 +1382,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -1183,7 +1397,6 @@ exports[`disable kube object detail items when cluster is not relevant given not
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -1194,6 +1407,31 @@ exports[`disable kube object detail items when cluster is not relevant given not
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1201,7 +1439,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -1219,7 +1457,6 @@ exports[`disable kube object detail items when cluster is not relevant given not
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -1230,6 +1467,31 @@ exports[`disable kube object detail items when cluster is not relevant given not
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1237,7 +1499,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -1252,7 +1514,66 @@ exports[`disable kube object detail items when cluster is not relevant given not
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1282,7 +1603,7 @@ exports[`disable kube object detail items when cluster is not relevant given not
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -145,7 +145,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -160,7 +160,6 @@ exports[`reactively hide kube object detail item renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -171,6 +170,31 @@ exports[`reactively hide kube object detail item renders 1`] = `
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -178,7 +202,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -196,7 +220,6 @@ exports[`reactively hide kube object detail item renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -207,6 +230,31 @@ exports[`reactively hide kube object detail item renders 1`] = `
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -214,7 +262,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -229,7 +277,66 @@ exports[`reactively hide kube object detail item renders 1`] = `
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -259,7 +366,7 @@ exports[`reactively hide kube object detail item renders 1`] = `
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -659,7 +766,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -674,7 +781,6 @@ exports[`reactively hide kube object detail item when the item is shown renders
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -685,6 +791,31 @@ exports[`reactively hide kube object detail item when the item is shown renders
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -692,7 +823,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -710,7 +841,6 @@ exports[`reactively hide kube object detail item when the item is shown renders
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -721,6 +851,31 @@ exports[`reactively hide kube object detail item when the item is shown renders
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -728,7 +883,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -743,7 +898,66 @@ exports[`reactively hide kube object detail item when the item is shown renders
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -773,7 +987,7 @@ exports[`reactively hide kube object detail item when the item is shown renders
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -78,7 +78,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -147,7 +195,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -162,7 +210,66 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -405,7 +512,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -420,7 +527,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -431,6 +537,31 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -438,7 +569,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -456,7 +587,6 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -467,6 +597,31 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -474,7 +629,7 @@ exports[`disable kube object menu items when cluster is not relevant given exten
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -489,7 +644,66 @@ exports[`disable kube object menu items when cluster is not relevant given exten
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -726,7 +940,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -741,7 +955,6 @@ exports[`disable kube object menu items when cluster is not relevant given not y
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -752,6 +965,31 @@ exports[`disable kube object menu items when cluster is not relevant given not y
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -759,7 +997,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -777,7 +1015,6 @@ exports[`disable kube object menu items when cluster is not relevant given not y
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -788,6 +1025,31 @@ exports[`disable kube object menu items when cluster is not relevant given not y
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -795,7 +1057,7 @@ exports[`disable kube object menu items when cluster is not relevant given not y
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -810,7 +1072,66 @@ exports[`disable kube object menu items when cluster is not relevant given not y
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"

View File

@ -78,7 +78,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -147,7 +195,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -162,7 +210,66 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -433,7 +540,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -448,7 +555,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -459,6 +565,31 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -466,7 +597,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -484,7 +615,6 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -495,6 +625,31 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -502,7 +657,7 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -517,7 +672,66 @@ exports[`disable kube object statuses when cluster is not relevant given extensi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -748,7 +962,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -763,7 +977,6 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -774,6 +987,31 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -781,7 +1019,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -799,7 +1037,6 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -810,6 +1047,31 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -817,7 +1079,7 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -832,7 +1094,66 @@ exports[`disable kube object statuses when cluster is not relevant given not yet
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"

View File

@ -79,7 +79,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -173,7 +221,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -188,7 +236,66 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -218,7 +325,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -557,7 +664,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -572,7 +679,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -583,6 +689,31 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -590,7 +721,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -608,7 +739,6 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -619,6 +749,31 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -626,7 +781,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -651,7 +806,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -666,7 +821,66 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -696,7 +910,7 @@ exports[`cluster/namespaces - edit namespaces from previously opened tab given t
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -0,0 +1,151 @@
/**
* 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,
});

View File

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

View File

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

View File

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

View File

@ -79,7 +79,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,66 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -193,7 +300,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
<div <div
class="Tab flex gaps align-center" class="Tab flex gaps align-center"
data-is-active-test="false" data-is-active-test="false"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -206,7 +313,7 @@ exports[`workloads / pods when navigating to workloads / pods view given a names
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-pods" data-testid="tab-link-for-pods"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -911,7 +1018,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -926,7 +1033,6 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -937,6 +1043,31 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -944,7 +1075,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -962,7 +1093,6 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -973,6 +1103,31 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -980,7 +1135,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -995,7 +1150,66 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1025,7 +1239,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
<div <div
class="Tab flex gaps align-center" class="Tab flex gaps align-center"
data-is-active-test="false" data-is-active-test="false"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -1038,7 +1252,7 @@ exports[`workloads / pods when navigating to workloads / pods view given no pods
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-pods" data-testid="tab-link-for-pods"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -1637,7 +1851,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -1652,7 +1866,6 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -1663,6 +1876,31 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1670,7 +1908,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -1688,7 +1926,6 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -1699,6 +1936,31 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1706,7 +1968,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -1721,7 +1983,66 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1751,7 +2072,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
<div <div
class="Tab flex gaps align-center" class="Tab flex gaps align-center"
data-is-active-test="false" data-is-active-test="false"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -1764,7 +2085,7 @@ exports[`workloads / pods when navigating to workloads / pods view given pods ar
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-pods" data-testid="tab-link-for-pods"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -79,7 +79,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`disable workloads overview details when cluster is not relevant given e
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`disable workloads overview details when cluster is not relevant given e
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,66 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -193,7 +300,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -527,7 +634,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -542,7 +649,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -553,6 +659,31 @@ exports[`disable workloads overview details when cluster is not relevant given e
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -560,7 +691,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -578,7 +709,6 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -589,6 +719,31 @@ exports[`disable workloads overview details when cluster is not relevant given e
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -596,7 +751,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -611,7 +766,66 @@ exports[`disable workloads overview details when cluster is not relevant given e
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -641,7 +855,7 @@ exports[`disable workloads overview details when cluster is not relevant given e
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -970,7 +1184,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -985,7 +1199,6 @@ exports[`disable workloads overview details when cluster is not relevant given n
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -996,6 +1209,31 @@ exports[`disable workloads overview details when cluster is not relevant given n
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1003,7 +1241,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -1021,7 +1259,6 @@ exports[`disable workloads overview details when cluster is not relevant given n
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -1032,6 +1269,31 @@ exports[`disable workloads overview details when cluster is not relevant given n
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1039,7 +1301,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -1054,7 +1316,66 @@ exports[`disable workloads overview details when cluster is not relevant given n
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1084,7 +1405,7 @@ exports[`disable workloads overview details when cluster is not relevant given n
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -79,7 +79,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`installing helm chart from previously opened tab given tab for installi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`installing helm chart from previously opened tab given tab for installi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,66 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -193,7 +300,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -532,7 +639,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -547,7 +654,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -558,6 +664,31 @@ exports[`installing helm chart from previously opened tab given tab for installi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -565,7 +696,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -583,7 +714,6 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -594,6 +724,31 @@ exports[`installing helm chart from previously opened tab given tab for installi
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -601,7 +756,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -616,7 +771,66 @@ exports[`installing helm chart from previously opened tab given tab for installi
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -646,7 +860,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

@ -78,7 +78,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -93,7 +93,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -104,6 +103,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -111,7 +135,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -129,7 +153,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -140,6 +163,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="true" data-is-active-test="true"
@ -148,7 +196,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -173,7 +221,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -188,7 +236,66 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -844,7 +951,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -859,7 +966,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -870,6 +976,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -877,7 +1008,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -895,7 +1026,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -906,6 +1036,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="true" data-is-active-test="true"
@ -914,7 +1069,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -939,7 +1094,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -954,7 +1109,66 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1641,7 +1855,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -1656,7 +1870,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -1667,6 +1880,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -1674,7 +1912,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -1692,7 +1930,6 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -1703,6 +1940,31 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="true" data-is-active-test="true"
@ -1711,7 +1973,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -1736,7 +1998,7 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -1751,7 +2013,66 @@ exports[`namespaces route when viewed with some subNamespaces when navigating to
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"

View File

@ -79,7 +79,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -94,7 +94,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -105,6 +104,31 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -112,7 +136,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -130,7 +154,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -141,6 +164,31 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -148,7 +196,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -163,7 +211,66 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -193,7 +300,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -865,7 +972,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -880,7 +987,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -891,6 +997,31 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -898,7 +1029,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -916,7 +1047,6 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -927,6 +1057,31 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -934,7 +1089,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -949,7 +1104,66 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -979,7 +1193,7 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

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

View File

@ -82,7 +82,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-cluster-overview" data-testid="sidebar-item-link-for-cluster-overview"
href="/" href="/"
> >
<i <i
@ -104,7 +104,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-nodes" data-testid="sidebar-item-link-for-nodes"
href="/" href="/"
> >
<i <i
@ -126,7 +126,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -141,7 +141,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -152,6 +151,31 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -159,7 +183,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -177,7 +201,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -188,6 +211,31 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -195,7 +243,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -220,7 +268,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -235,7 +283,66 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -479,7 +586,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-cluster-overview" data-testid="sidebar-item-link-for-cluster-overview"
href="/" href="/"
> >
<i <i
@ -501,7 +608,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-nodes" data-testid="sidebar-item-link-for-nodes"
href="/" href="/"
> >
<i <i
@ -523,7 +630,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -538,7 +645,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -549,6 +655,31 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -556,7 +687,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -574,7 +705,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -585,6 +715,31 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -592,7 +747,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -617,7 +772,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -632,7 +787,66 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -883,7 +1097,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
<a <a
aria-current="page" aria-current="page"
class="navItem active" class="navItem active"
data-testid="link-for-sidebar-item-workloads" data-testid="sidebar-item-link-for-workloads"
href="/" href="/"
> >
<i <i
@ -898,7 +1112,6 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-workloads"
> >
<span <span
class="icon" class="icon"
@ -909,6 +1122,31 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -916,7 +1154,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-network" data-testid="sidebar-item-link-for-network"
href="/" href="/"
> >
<i <i
@ -934,7 +1172,6 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-network"
> >
<span <span
class="icon" class="icon"
@ -945,6 +1182,31 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
</i> </i>
</a> </a>
</div> </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 <div
class="SidebarItem" class="SidebarItem"
data-is-active-test="false" data-is-active-test="false"
@ -952,7 +1214,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-namespaces" data-testid="sidebar-item-link-for-namespaces"
href="/" href="/"
> >
<i <i
@ -977,7 +1239,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
> >
<a <a
class="navItem" class="navItem"
data-testid="link-for-sidebar-item-helm" data-testid="sidebar-item-link-for-helm"
href="/" href="/"
> >
<i <i
@ -992,7 +1254,66 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
</span> </span>
<i <i
class="Icon expandIcon material focusable" class="Icon expandIcon material focusable"
data-testid="expand-icon-for-sidebar-item-helm" >
<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"
> >
<span <span
class="icon" class="icon"
@ -1022,7 +1343,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
<div <div
class="Tab flex gaps align-center active" class="Tab flex gaps align-center active"
data-is-active-test="true" data-is-active-test="true"
data-testid="tab-link-for-sidebar-item-workloads-overview" data-testid="tab-link-for-overview"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >

View File

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