mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
- Remove HelmChartStore in favour of all injectables - Create a model for UpgradeChartDockTab Signed-off-by: Sebastian Malton <sebastian@malton.name>
16276 lines
517 KiB
Plaintext
16276 lines
517 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
0 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-releases-spinner"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve but there is none, renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
0 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="NoItems flex box grow"
|
|
>
|
|
<div
|
|
class="box center"
|
|
>
|
|
Item list is empty
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-release-detail-content-spinner"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-release-detail-content-spinner"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="false"
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when changing the configuration renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-new-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="false"
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when changing the configuration when saving renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-new-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button waiting primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="true"
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when changing the configuration when saving when update resolves with failure renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
0 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-releases-spinner"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-new-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="false"
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when changing the configuration when saving when update resolves with success renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
0 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-releases-spinner"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center disabled"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
disabled=""
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-new-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="false"
|
|
disabled=""
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when changing the configuration when toggling to see only user defined values when configuration resolves renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<ul
|
|
class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
>
|
|
<li
|
|
class="MenuItem"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="refresh"
|
|
>
|
|
refresh
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Upgrade
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Upgrade
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="MenuItem"
|
|
data-testid="menu-action-remove"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Delete
|
|
</div>
|
|
<span
|
|
class="title"
|
|
>
|
|
Delete
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div>
|
|
<div
|
|
class="DrawerItem chart"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Chart
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<span>
|
|
some-chart
|
|
</span>
|
|
<button
|
|
class="Button box right upgrade primary"
|
|
data-testid="helm-release-upgrade-button"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Updated
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
NaNy ago (some-updated)
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Namespace
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
some-namespace
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Version
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="version flex gaps align-center"
|
|
>
|
|
<span />
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="DrawerItem status labelsOnly"
|
|
>
|
|
<span
|
|
class="name"
|
|
>
|
|
Status
|
|
</span>
|
|
<span
|
|
class="value"
|
|
>
|
|
<div
|
|
class="badge some-status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="values"
|
|
>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Values
|
|
</div>
|
|
<div
|
|
class="flex column gaps"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center checked"
|
|
>
|
|
<input
|
|
data-testid="user-supplied-values-only-checkbox"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
User-supplied values only
|
|
</span>
|
|
</label>
|
|
<textarea
|
|
data-testid="monaco-editor-for-helm-release-configuration"
|
|
>
|
|
some-other-configuration
|
|
</textarea>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="helm-release-configuration-save-button"
|
|
data-waiting="false"
|
|
type="button"
|
|
>
|
|
Save
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Notes
|
|
</div>
|
|
<div
|
|
class="notes"
|
|
>
|
|
some-notes
|
|
</div>
|
|
<div
|
|
class="DrawerTitle title"
|
|
>
|
|
Resources
|
|
</div>
|
|
<div
|
|
class="resources"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
some-kind
|
|
|
|
</div>
|
|
<div
|
|
class="Table flex column autoSize"
|
|
>
|
|
<div
|
|
class="TableHead"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
Name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
Age
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableRow"
|
|
>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-resource
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell age"
|
|
>
|
|
0s
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolve with release when configuration resolves when selecting to upgrade chart renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock isOpen"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab active"
|
|
data-testid="dock-tab-for-some-tab-id"
|
|
id="tab-some-tab-id"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="install_desktop"
|
|
>
|
|
install_desktop
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Helm Upgrade: some-name
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Minimize
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="tab-content upgrade-chart"
|
|
data-testid="dock-tab-content-for-some-tab-id"
|
|
style="flex-basis: 300px;"
|
|
>
|
|
<div
|
|
class="UpgradeChart flex column"
|
|
>
|
|
<div
|
|
class="InfoPanel flex gaps align-center"
|
|
>
|
|
<div
|
|
class="controls"
|
|
>
|
|
<div
|
|
class="upgrade flex gaps align-center"
|
|
>
|
|
<span>
|
|
Release
|
|
</span>
|
|
|
|
<div
|
|
class="badge"
|
|
>
|
|
some-name
|
|
</div>
|
|
<span>
|
|
Namespace
|
|
</span>
|
|
|
|
<div
|
|
class="badge"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<span>
|
|
Version
|
|
</span>
|
|
|
|
<div
|
|
class="badge"
|
|
/>
|
|
<span>
|
|
Upgrade version
|
|
</span>
|
|
<div
|
|
class="Select theme-outlined chart-version css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-char-version-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-char-version-input-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-char-version-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="char-version-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="flex gaps align-center"
|
|
/>
|
|
<button
|
|
class="Button plain"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button active outlined"
|
|
type="button"
|
|
>
|
|
Upgrade
|
|
</button>
|
|
<button
|
|
class="Button primary active"
|
|
type="button"
|
|
>
|
|
Upgrade & Close
|
|
</button>
|
|
</div>
|
|
<textarea
|
|
data-testid="monaco-editor-for-some-tab-id"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when call for release resolves with error renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div
|
|
data-testid="helm-release-detail-error"
|
|
>
|
|
Failed to load release:
|
|
|
|
some-error
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details is closed renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details is closed when opening details for same release renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-namespace/some-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-release-detail-content-spinner"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when opening details for second release renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
<div
|
|
class="mainLayout"
|
|
style="--sidebar-width: 200px;"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<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-is-active-test="false"
|
|
data-testid="sidebar-item-workloads"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-workloads"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Workloads
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-config"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-config"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="list"
|
|
>
|
|
list
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Config
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-network"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
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>
|
|
Network
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-storage"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-storage"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="storage"
|
|
>
|
|
storage
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Storage
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="true"
|
|
data-testid="sidebar-item-helm"
|
|
>
|
|
<a
|
|
aria-current="page"
|
|
class="navItem active"
|
|
data-testid="sidebar-item-link-for-helm"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon svg focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
/>
|
|
</i>
|
|
<span>
|
|
Helm
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-user-management"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-user-management"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="security"
|
|
>
|
|
security
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Access Control
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div
|
|
class="SidebarItem"
|
|
data-is-active-test="false"
|
|
data-testid="sidebar-item-custom-resources"
|
|
>
|
|
<a
|
|
class="navItem"
|
|
data-testid="sidebar-item-link-for-custom-resources"
|
|
href="/"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="extension"
|
|
>
|
|
extension
|
|
</span>
|
|
</i>
|
|
<span>
|
|
Custom Resources
|
|
</span>
|
|
<i
|
|
class="Icon expandIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_down"
|
|
>
|
|
keyboard_arrow_down
|
|
</span>
|
|
</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal trailing"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="contents"
|
|
>
|
|
<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-charts"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Charts
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-is-active-test="true"
|
|
data-testid="tab-link-for-releases"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Releases
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<main>
|
|
<div
|
|
class="ItemListLayout flex column HelmReleases"
|
|
>
|
|
<div
|
|
class="header flex gaps align-center"
|
|
>
|
|
<h5
|
|
class="title"
|
|
>
|
|
Releases
|
|
</h5>
|
|
<div
|
|
class="info-panel box grow"
|
|
>
|
|
2 items
|
|
</div>
|
|
<div
|
|
class="NamespaceSelectFilterParent"
|
|
data-testid="namespace-select-filter"
|
|
>
|
|
<div
|
|
class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-namespace-select-filter-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-namespace-select-filter-placeholder"
|
|
>
|
|
Namespaces: some-namespace, some-other-namespace
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-namespace-select-filter-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="namespace-select-filter"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Input SearchInput focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="Search Releases..."
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="search"
|
|
>
|
|
search
|
|
</span>
|
|
</i>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="items box grow flex column"
|
|
>
|
|
<div
|
|
class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
|
|
>
|
|
<div
|
|
class="TableHead sticky nowrap topLine"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name nowrap sorting"
|
|
id="name"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Name
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell namespace nowrap sorting"
|
|
id="namespace"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Namespace
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell chart nowrap sorting"
|
|
id="chart"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Chart
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell revision nowrap sorting"
|
|
id="revision"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Revision
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell version nowrap"
|
|
id="version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell app-version nowrap"
|
|
id="app-version"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
App Version
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="TableCell status nowrap sorting"
|
|
id="status"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Status
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell updated nowrap sorting"
|
|
id="update"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
Updated
|
|
</div>
|
|
<i
|
|
class="Icon sortIcon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_drop_down"
|
|
>
|
|
arrow_drop_down
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="TableCell menu nowrap"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-item-object-list-content"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="VirtualList HelmReleases box grow dark"
|
|
>
|
|
<div>
|
|
<div
|
|
class="list"
|
|
style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
|
|
>
|
|
<div
|
|
style="height: 66px; width: 100%;"
|
|
>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-namespace/some-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-status status"
|
|
>
|
|
Some-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-namespace/some-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
|
|
>
|
|
<div
|
|
class="TableRow nowrap"
|
|
data-testid="helm-release-row-for-some-other-namespace/some-other-name"
|
|
>
|
|
<div
|
|
class="TableCell checkbox"
|
|
>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
</label>
|
|
</div>
|
|
<div
|
|
class="TableCell name"
|
|
>
|
|
some-other-name
|
|
</div>
|
|
<div
|
|
class="TableCell namespace"
|
|
>
|
|
some-other-namespace
|
|
</div>
|
|
<div
|
|
class="TableCell chart"
|
|
>
|
|
some-other-chart
|
|
</div>
|
|
<div
|
|
class="TableCell revision"
|
|
>
|
|
NaN
|
|
</div>
|
|
<div
|
|
class="TableCell version"
|
|
>
|
|
|
|
</div>
|
|
<div
|
|
class="TableCell app-version"
|
|
>
|
|
some-other-app-version
|
|
</div>
|
|
<div
|
|
class="TableCell some-other-status status"
|
|
>
|
|
Some-other-status
|
|
</div>
|
|
<div
|
|
class="TableCell updated"
|
|
>
|
|
NaNy
|
|
</div>
|
|
<div
|
|
class="TableCell menu"
|
|
>
|
|
<div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="more_vert"
|
|
>
|
|
more_vert
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="AddRemoveButtons flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="footer"
|
|
>
|
|
<div
|
|
class="Dock"
|
|
tabindex="-1"
|
|
>
|
|
<div
|
|
class="ResizingAnchor vertical leading"
|
|
/>
|
|
<div
|
|
class="tabs-container flex align-center"
|
|
>
|
|
<div
|
|
class="dockTabs"
|
|
role="tablist"
|
|
>
|
|
<div
|
|
class="Tabs tabs"
|
|
>
|
|
<div
|
|
class="Tab flex gaps align-center DockTab TerminalTab active"
|
|
data-testid="dock-tab-for-terminal"
|
|
id="tab-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<i
|
|
class="Icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="terminal"
|
|
>
|
|
terminal
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="label"
|
|
>
|
|
<div
|
|
class="flex align-center"
|
|
>
|
|
<span
|
|
class="title"
|
|
>
|
|
Terminal
|
|
</span>
|
|
<div
|
|
class="close"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable small"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Close ⌘+W
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="toolbar flex gaps align-center box grow"
|
|
>
|
|
<div
|
|
class="dock-menu box grow"
|
|
>
|
|
<i
|
|
class="Icon new-dock-tab material interactive focusable"
|
|
id="menu-actions-for-dock"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
New tab
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="fullscreen"
|
|
>
|
|
fullscreen
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Fit to window
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="keyboard_arrow_up"
|
|
>
|
|
keyboard_arrow_up
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Open
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Animate slide-right Drawer ReleaseDetails dark right enter"
|
|
data-testid="helm-release-details-for-some-other-namespace/some-other-name"
|
|
style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="drawer-wrapper flex column"
|
|
>
|
|
<div
|
|
class="drawer-title flex align-center"
|
|
>
|
|
<div
|
|
class="drawer-title-text flex gaps align-center"
|
|
>
|
|
some-other-name
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="content_copy"
|
|
>
|
|
content_copy
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Copy
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="close-helm-release-detail"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-close-helm-release-detail"
|
|
>
|
|
Close
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="drawer-content flex column box grow"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-release-detail-content-spinner"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="ResizingAnchor horizontal leading"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|