hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix cluster frame display issue (#5518)

Browse Source 
* Fix cluster frame display issue

- Add some defensive code to prevent this sort of infinite loop

- Add some unit tests

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

* fix unit tests

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

* Fix build

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

* Fix lint

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

* Factor out injectable for getting of cluster config data

Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton authored and GitHub committed 2022-06-20 22:23:15 -04:00
1 parent 8c31e56462
commit de43df1cca
40 files changed
+2126 -815
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
+23 -69
View File
@@ -24,10 +24,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -60,10 +58,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -89,10 +85,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -118,10 +112,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -157,10 +149,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -186,10 +176,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="some-another-parent-id"
data-is-active-test="false"
data-test-id="some-another-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-another-parent-id"
>
<a
class="nav-item flex gaps align-center"
@@ -205,10 +193,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -241,10 +227,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -270,10 +254,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -309,10 +291,8 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
</div>
<div
class="SidebarItem"
data-id-test="some-other-parent-id"
data-is-active-test="false"
data-test-id="some-other-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-other-parent-id"
>
<a
class="nav-item flex gaps align-center"
@@ -358,10 +338,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -394,10 +372,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -423,10 +399,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -454,11 +428,9 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
>
<div
class="SidebarItem"
data-id-test="some-child-id"
data-is-active-test="false"
data-parent-id-test="some-parent-id"
data-test-id="some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -474,11 +446,9 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="some-another-child-id"
data-is-active-test="false"
data-parent-id-test="some-parent-id"
data-test-id="some-another-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-another-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -494,11 +464,9 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="some-other-child-id"
data-is-active-test="false"
data-parent-id-test="some-parent-id"
data-test-id="some-other-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-other-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -516,10 +484,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -555,10 +521,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -584,10 +548,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="some-another-parent-id"
data-is-active-test="false"
data-test-id="some-another-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-another-parent-id"
>
<a
class="nav-item flex gaps align-center"
@@ -603,10 +565,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -639,10 +599,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -668,10 +626,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -707,10 +663,8 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
</div>
<div
class="SidebarItem"
data-id-test="some-other-parent-id"
data-is-active-test="false"
data-test-id="some-other-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-other-parent-id"
>
<a
class="nav-item flex gaps align-center"
src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
+59 -177
View File
@@ -24,10 +24,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -60,10 +58,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -89,10 +85,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -121,10 +115,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -160,10 +152,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -189,10 +179,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -225,10 +213,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -254,10 +240,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -323,10 +307,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -359,10 +341,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -388,10 +368,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -420,10 +398,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -459,10 +435,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -488,10 +462,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -524,10 +496,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -553,10 +523,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -622,10 +590,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -658,10 +624,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -687,10 +651,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -721,11 +683,9 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="some-child-id"
data-is-active-test="false"
data-parent-id-test="some-parent-id"
data-test-id="some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -743,10 +703,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -782,10 +740,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -811,10 +767,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -847,10 +801,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -876,10 +828,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -945,10 +895,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -981,10 +929,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1010,10 +956,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="true"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
aria-current="page"
@@ -1045,11 +989,9 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="some-child-id"
data-is-active-test="true"
data-parent-id-test="some-parent-id"
data-test-id="some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-child-id"
>
<a
aria-current="page"
@@ -1068,10 +1010,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1107,10 +1047,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1136,10 +1074,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1172,10 +1108,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1201,10 +1135,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1273,10 +1205,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1309,10 +1239,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1338,10 +1266,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="true"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
aria-current="page"
@@ -1371,10 +1297,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1410,10 +1334,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1439,10 +1361,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1475,10 +1395,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1504,10 +1422,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1576,10 +1492,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1612,10 +1526,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1641,10 +1553,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1675,11 +1585,9 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="some-child-id"
data-is-active-test="false"
data-parent-id-test="some-parent-id"
data-test-id="some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -1697,10 +1605,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1736,10 +1642,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1765,10 +1669,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1801,10 +1703,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1830,10 +1730,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1899,10 +1797,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1935,10 +1831,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1964,10 +1858,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="some-parent-id"
data-is-active-test="false"
data-test-id="some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1996,10 +1888,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2035,10 +1925,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -2064,10 +1952,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2100,10 +1986,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -2129,10 +2013,8 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+72 -216
View File
@@ -24,10 +24,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -60,10 +58,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -89,10 +85,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -128,10 +122,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -157,10 +149,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -193,10 +183,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -222,10 +210,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -261,10 +247,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="false"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -323,10 +307,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -359,10 +341,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -388,10 +368,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -427,10 +405,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -456,10 +432,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -492,10 +466,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -521,10 +493,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -560,10 +530,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="false"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -622,10 +590,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -658,10 +624,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -687,10 +651,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -726,10 +688,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -755,10 +715,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -791,10 +749,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -820,10 +776,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -859,10 +813,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="false"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -893,11 +845,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -913,11 +863,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-other-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-other-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-other-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -965,10 +913,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1001,10 +947,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1030,10 +974,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1069,10 +1011,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1098,10 +1038,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1134,10 +1072,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1163,10 +1099,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1202,10 +1136,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="true"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
aria-current="page"
@@ -1237,11 +1169,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-child-id"
data-is-active-test="true"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-child-id"
>
<a
aria-current="page"
@@ -1258,11 +1188,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-other-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-other-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-other-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -1352,10 +1280,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1388,10 +1314,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1417,10 +1341,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1456,10 +1378,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1485,10 +1405,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1521,10 +1439,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1550,10 +1466,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1589,10 +1503,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="true"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
aria-current="page"
@@ -1624,11 +1536,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -1644,11 +1554,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-other-child-id"
data-is-active-test="true"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-other-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-other-child-id"
>
<a
aria-current="page"
@@ -1739,10 +1647,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1775,10 +1681,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -1804,10 +1708,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1843,10 +1745,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -1872,10 +1772,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1908,10 +1806,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -1937,10 +1833,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -1976,10 +1870,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="true"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
aria-current="page"
@@ -2081,10 +1973,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2117,10 +2007,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -2146,10 +2034,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2185,10 +2071,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -2214,10 +2098,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2250,10 +2132,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -2279,10 +2159,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2318,10 +2196,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="false"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2352,11 +2228,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -2372,11 +2246,9 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-other-child-id"
data-is-active-test="false"
data-parent-id-test="some-extension-name-some-parent-id"
data-test-id="some-extension-name-some-other-child-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-other-child-id"
>
<a
class="nav-item flex gaps align-center"
@@ -2424,10 +2296,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2460,10 +2330,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -2489,10 +2357,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2528,10 +2394,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -2557,10 +2421,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2593,10 +2455,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -2622,10 +2482,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -2661,10 +2519,8 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
</div>
<div
class="SidebarItem"
data-id-test="some-extension-name-some-parent-id"
data-is-active-test="false"
data-test-id="some-extension-name-some-parent-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-extension-name-some-parent-id"
>
<a
class="nav-item flex gaps align-center expandable"
src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
+16 -48
View File
@@ -24,10 +24,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -60,10 +58,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -89,10 +85,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -128,10 +122,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -157,10 +149,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -193,10 +183,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -222,10 +210,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -291,10 +277,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -327,10 +311,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -356,10 +338,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="some-item-id"
data-is-active-test="false"
data-test-id="some-item-id"
data-testid="sidebar-item"
data-testid="sidebar-item-some-item-id"
>
<a
class="nav-item flex gaps align-center"
@@ -375,10 +355,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -414,10 +392,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -443,10 +419,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="namespaces"
data-is-active-test="false"
data-test-id="namespaces"
data-testid="sidebar-item"
data-testid="sidebar-item-namespaces"
>
<a
class="nav-item flex gaps align-center"
@@ -472,10 +446,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="false"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -508,10 +480,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -537,10 +507,8 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
src/behaviours/cluster/order-of-sidebar-items.test.tsx
+12 -23
View File
@@ -8,7 +8,7 @@ import { fireEvent } from "@testing-library/react";
import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
import { computed } from "mobx";
import { get, includes, noop } from "lodash/fp";
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";
@@ -35,22 +35,13 @@ describe("cluster - order of sidebar items", () => {
it("has parent items in order", () => {
const actual = rendered
.queryAllByTestId("sidebar-item")
.filter((element) =>
includes(element.dataset.idTest)([
"some-parent-id",
"some-other-parent-id",
"some-another-parent-id",
]),
)
.map(get("dataset.idTest"));
.queryAllByTestId(/^sidebar-item-(some-parent-id|some-other-parent-id|some-another-parent-id)/)
.map(elem => elem.dataset.testid);
expect(actual).toEqual([
"some-parent-id",
"some-another-parent-id",
"some-other-parent-id",
"sidebar-item-some-parent-id",
"sidebar-item-some-another-parent-id",
"sidebar-item-some-other-parent-id",
]);
});
@@ -69,16 +60,14 @@ describe("cluster - order of sidebar items", () => {
it("has child items in order", () => {
const actual = rendered
.queryAllByTestId("sidebar-item")
.filter(
(element) => element.dataset.parentIdTest === "some-parent-id",
)
.map(get("dataset.idTest"));
.queryAllByTestId(/^sidebar-item-*/)
.filter((element) => element.dataset.parentIdTest === "some-parent-id")
.map(elem => elem.dataset.testid);
expect(actual).toEqual([
"some-child-id",
"some-another-child-id",
"some-other-child-id",
"sidebar-item-some-child-id",
"sidebar-item-some-another-child-id",
"sidebar-item-some-other-child-id",
]);
});
});
src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
+18 -19
View File
@@ -21,7 +21,6 @@ import writeJsonFileInjectable from "../../common/fs/write-json-file.injectable"
import pathExistsInjectable from "../../common/fs/path-exists.injectable";
import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
import { getSidebarItem } from "../utils";
import sidebarStorageInjectable from "../../renderer/components/layout/sidebar-storage/sidebar-storage.injectable";
describe("cluster - sidebar and tab navigation for core", () => {
@@ -72,15 +71,15 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent is highlighted", () => {
const parent = getSidebarItem(rendered, "some-parent-id");
const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("true");
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
it("child page is shown", () => {
@@ -118,15 +117,15 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(rendered, "some-parent-id");
const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).not.toBeUndefined();
expect(child).not.toBeNull();
});
});
@@ -154,9 +153,9 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
});
@@ -181,9 +180,9 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
});
@@ -197,15 +196,15 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(rendered, "some-parent-id");
const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
describe("when a parent sidebar item is expanded", () => {
@@ -222,15 +221,15 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(rendered, "some-parent-id");
const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is expanded", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child).not.toBeUndefined();
expect(child).not.toBeNull();
});
describe("when a child of the parent is selected", () => {
@@ -247,13 +246,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
});
it("parent is highlighted", () => {
const parent = getSidebarItem(rendered, "some-parent-id");
const parent = rendered.queryByTestId("sidebar-item-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("true");
});
it("child is highlighted", () => {
const child = getSidebarItem(rendered, "some-child-id");
const child = rendered.queryByTestId("sidebar-item-some-child-id");
expect(child?.dataset.isActiveTest).toBe("true");
});
src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
+18 -55
View File
@@ -16,7 +16,6 @@ import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
import type { DiContainer } from "@ogre-tools/injectable";
import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
import assert from "assert";
import { getSidebarItem } from "../utils";
import type { FakeExtensionData } from "../../renderer/components/test-utils/get-renderer-extension-fake";
import { getRendererExtensionFakeFor } from "../../renderer/components/test-utils/get-renderer-extension-fake";
@@ -74,21 +73,15 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent is highlighted", () => {
const parent = getSidebarItem(
rendered,
"some-extension-name-some-parent-id",
);
const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("true");
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
it("child page is shown", () => {
@@ -120,21 +113,15 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(
rendered,
"some-extension-name-some-parent-id",
);
const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).not.toBeUndefined();
expect(child).not.toBeNull();
});
});
@@ -162,12 +149,9 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
});
@@ -192,12 +176,9 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
});
@@ -211,21 +192,15 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(
rendered,
"some-extension-name-some-parent-id",
);
const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is not expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).toBeUndefined();
expect(child).toBeNull();
});
describe("when a parent sidebar item is expanded", () => {
@@ -242,21 +217,15 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent sidebar item is not highlighted", () => {
const parent = getSidebarItem(
rendered,
"some-extension-name-some-parent-id",
);
const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("false");
});
it("parent sidebar item is expanded", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.queryByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child).not.toBeUndefined();
expect(child).not.toBeNull();
});
describe("when a child of the parent is selected", () => {
@@ -273,19 +242,13 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
});
it("parent is highlighted", () => {
const parent = getSidebarItem(
rendered,
"some-extension-name-some-parent-id",
);
const parent = rendered.getByTestId("sidebar-item-some-extension-name-some-parent-id");
expect(parent?.dataset.isActiveTest).toBe("true");
});
it("child is highlighted", () => {
const child = getSidebarItem(
rendered,
"some-extension-name-some-child-id",
);
const child = rendered.getByTestId("sidebar-item-some-extension-name-some-child-id");
expect(child?.dataset.isActiveTest).toBe("true");
});
src/behaviours/cluster/visibility-of-sidebar-items.test.tsx
+4 -5
View File
@@ -14,7 +14,6 @@ import { frontEndRouteInjectionToken } from "../../common/front-end-routing/fron
import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
import { getSidebarItem } from "../utils";
describe("cluster - visibility of sidebar items", () => {
let applicationBuilder: ApplicationBuilder;
@@ -42,9 +41,9 @@ describe("cluster - visibility of sidebar items", () => {
});
it("related sidebar item does not exist", () => {
const item = getSidebarItem(rendered, "some-item-id");
const item = rendered.queryByTestId("sidebar-item-some-item-id");
expect(item).toBeUndefined();
expect(item).toBeNull();
});
describe("when kube resource becomes allowed", () => {
@@ -57,9 +56,9 @@ describe("cluster - visibility of sidebar items", () => {
});
it("related sidebar item exists", () => {
const item = getSidebarItem(rendered, "some-item-id");
const item = rendered.queryByTestId("sidebar-item-some-item-id");
expect(item).not.toBeUndefined();
expect(item).not.toBeNull();
});
});
});
src/behaviours/helm-charts/__snapshots__/navigation-to-helm-charts.test.ts.snap
+7 -21
View File
@@ -24,10 +24,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
>
<div
class="SidebarItem"
data-id-test="workloads"
data-is-active-test="false"
data-test-id="workloads"
data-testid="sidebar-item"
data-testid="sidebar-item-workloads"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -60,10 +58,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="config"
data-is-active-test="false"
data-test-id="config"
data-testid="sidebar-item"
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
@@ -89,10 +85,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="network"
data-is-active-test="false"
data-test-id="network"
data-testid="sidebar-item"
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
@@ -128,10 +122,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="storage"
data-is-active-test="false"
data-test-id="storage"
data-testid="sidebar-item"
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
@@ -157,10 +149,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="helm"
data-is-active-test="true"
data-test-id="helm"
data-testid="sidebar-item"
data-testid="sidebar-item-helm"
>
<a
aria-current="page"
@@ -194,10 +184,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="user-management"
data-is-active-test="false"
data-test-id="user-management"
data-testid="sidebar-item"
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
@@ -223,10 +211,8 @@ exports[`helm-charts - navigation to Helm charts when navigating to Helm charts
</div>
<div
class="SidebarItem"
data-id-test="custom-resources"
data-is-active-test="false"
data-test-id="custom-resources"
data-testid="sidebar-item"
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
src/behaviours/utils.ts
-12
View File
@@ -1,12 +0,0 @@
/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
import type { RenderResult } from "@testing-library/react";
export function getSidebarItem(rendered: RenderResult, itemId: string) {
return rendered
.queryAllByTestId("sidebar-item")
.find((x) => x.dataset.idTest === itemId);
}