mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
6745f2efd7
* Update snapshots after merging stuff to master Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Fix code style Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
2677 lines
65 KiB
Plaintext
2677 lines
65 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given empty state for expanded sidebar items already exists, when rendered renders without errors 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="false"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="false"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="false"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
</a>
|
|
<ul
|
|
class="sub-menu"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 1
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-other-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-other-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 2
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="true"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="nav-item flex gaps align-center expandable active"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
</a>
|
|
<ul
|
|
class="sub-menu active"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-child-id"
|
|
data-is-active-test="true"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="nav-item flex gaps align-center active"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 1
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-other-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-other-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 2
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TabLayout"
|
|
data-testid="tab-layout"
|
|
>
|
|
<div
|
|
class="Tabs center scrollable"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-some-extension-id-some-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 1
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-is-active-test="false"
|
|
data-testid="tab-link-for-some-extension-id-some-other-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
data-testid="some-child-page"
|
|
>
|
|
Some child page
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected when selecting sibling tab renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="true"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="nav-item flex gaps align-center expandable active"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
</a>
|
|
<ul
|
|
class="sub-menu active"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 1
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-other-child-id"
|
|
data-is-active-test="true"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-other-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="nav-item flex gaps align-center active"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 2
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TabLayout"
|
|
data-testid="tab-layout"
|
|
>
|
|
<div
|
|
class="Tabs center scrollable"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-is-active-test="false"
|
|
data-testid="tab-link-for-some-extension-id-some-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 1
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-some-extension-id-some-other-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
data-testid="some-other-child-page"
|
|
>
|
|
Some other child page
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="true"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="nav-item flex gaps align-center expandable active"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TabLayout"
|
|
data-testid="tab-layout"
|
|
>
|
|
<div
|
|
class="Tabs center scrollable"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-some-extension-id-some-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 1
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-is-active-test="false"
|
|
data-testid="tab-link-for-some-extension-id-some-other-child-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Child 2
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
data-testid="some-child-page"
|
|
>
|
|
Some child page
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded sidebar items already exists, when rendered renders 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="false"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
</a>
|
|
<ul
|
|
class="sub-menu"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 1
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-other-child-id"
|
|
data-is-active-test="false"
|
|
data-parent-id-test="some-extension-id-some-parent-id"
|
|
data-test-id="some-extension-id-some-other-child-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-other-child-id"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Child 2
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded unknown sidebar items already exists, when rendered renders without errors 1`] = `
|
|
<div>
|
|
<div
|
|
class="flex flex-col"
|
|
data-testid="cluster-sidebar"
|
|
>
|
|
<div
|
|
class="SidebarCluster"
|
|
>
|
|
<div
|
|
class="Avatar rounded loadingAvatar"
|
|
style="width: 40px; height: 40px;"
|
|
>
|
|
??
|
|
</div>
|
|
<div
|
|
class="loadingClusterName"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="sidebarNav sidebar-active-status"
|
|
>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="workloads"
|
|
data-is-active-test="false"
|
|
data-test-id="workloads"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="config"
|
|
data-is-active-test="false"
|
|
data-test-id="config"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="network"
|
|
data-is-active-test="false"
|
|
data-test-id="network"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-network"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="device_hub"
|
|
>
|
|
device_hub
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="storage"
|
|
data-is-active-test="false"
|
|
data-test-id="storage"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="helm"
|
|
data-is-active-test="false"
|
|
data-test-id="helm"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="user-management"
|
|
data-is-active-test="false"
|
|
data-test-id="user-management"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="custom-resources"
|
|
data-is-active-test="false"
|
|
data-test-id="custom-resources"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
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
|
|
class="link-text box grow"
|
|
>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-id-test="some-extension-id-some-parent-id"
|
|
data-is-active-test="false"
|
|
data-test-id="some-extension-id-some-parent-id"
|
|
data-testid="sidebar-item"
|
|
>
|
|
<a
|
|
class="nav-item flex gaps align-center expandable"
|
|
data-testid="sidebar-item-link-for-some-extension-id-some-parent-id"
|
|
href="/"
|
|
>
|
|
<div>
|
|
Some icon
|
|
</div>
|
|
<span
|
|
class="link-text box grow"
|
|
>
|
|
Parent
|
|
</span>
|
|
<i
|
|
class="Icon expand-icon box right material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|