mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
491082f784
* Passing id to status-bar-items Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add data-origin prop for status bar items Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fixing status bar tests Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Update snapshots Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fix linter Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Rename id -> origin because it is not unique Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
8215 lines
278 KiB
Plaintext
8215 lines
278 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="selection-of-active-public-helm-repository"
|
|
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"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
|
|
>
|
|
<span
|
|
class="css-1xtdfmb-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-zoievk-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-x748d8-LoadingDot"
|
|
/>
|
|
</div>
|
|
<span
|
|
class="Select__indicator-separator css-109onse-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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="pt-5 relative"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-repositories-are-loading"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused invalid"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input invalid"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when closing the dialog by clicking cancel renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value="some-custom-repository"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value="http://some.url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value="some-custom-repository"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value="http://some.url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="remove"
|
|
>
|
|
remove
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
<div
|
|
data-testid="maximal-options-for-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Security settings
|
|
|
|
</div>
|
|
<label
|
|
class="Checkbox flex align-center"
|
|
>
|
|
<input
|
|
data-testid="custom-helm-repository-verify-tls-input"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
Skip TLS certificate checks for the repository
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow invalid validating validatingLine"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-key-file-input"
|
|
placeholder="Key file"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow invalid validating validatingLine"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-ca-cert-file-input"
|
|
placeholder="Ca file"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow invalid validating validatingLine"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-cert-file-input"
|
|
placeholder="Certificate file"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Chart Repository Credentials
|
|
|
|
</div>
|
|
<div
|
|
class="Input"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-username-input"
|
|
placeholder="Username"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-password-input"
|
|
placeholder="Password"
|
|
spellcheck="false"
|
|
type="password"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when hiding maximal options renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value="some-custom-repository"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value="http://some.url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when inputted maximal options renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value="some-custom-repository"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value="http://some.url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="remove"
|
|
>
|
|
remove
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
<div
|
|
data-testid="maximal-options-for-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Security settings
|
|
|
|
</div>
|
|
<label
|
|
class="Checkbox flex align-center checked"
|
|
>
|
|
<input
|
|
data-testid="custom-helm-repository-verify-tls-input"
|
|
type="checkbox"
|
|
/>
|
|
<i
|
|
class="box flex align-center"
|
|
/>
|
|
<span
|
|
class="label"
|
|
>
|
|
Skip TLS certificate checks for the repository
|
|
</span>
|
|
</label>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-key-file-input"
|
|
placeholder="Key file"
|
|
spellcheck="false"
|
|
value="some-key-file"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow invalid dirty validating validatingLine"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-ca-cert-file-input"
|
|
placeholder="Ca file"
|
|
spellcheck="false"
|
|
value="some-ca-cert-file"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="flex gaps align-center"
|
|
>
|
|
<div
|
|
class="Input box grow invalid dirty validating validatingLine"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-cert-file-input"
|
|
placeholder="Certificate file"
|
|
spellcheck="false"
|
|
value="some-cert-file"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="folder"
|
|
>
|
|
folder
|
|
</span>
|
|
</i>
|
|
<div>
|
|
Browse
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Chart Repository Credentials
|
|
|
|
</div>
|
|
<div
|
|
class="Input dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-username-input"
|
|
placeholder="Username"
|
|
spellcheck="false"
|
|
value="some-username"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-password-input"
|
|
placeholder="Password"
|
|
spellcheck="false"
|
|
type="password"
|
|
value="some-password"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value="some-custom-repository"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input dirty"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value="http://some.url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button waiting primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
data-waiting="true"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation rejects renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-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-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="selection-of-active-public-helm-repository"
|
|
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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="item flex gaps align-center justify-space-between repo"
|
|
>
|
|
<div>
|
|
<div
|
|
class="repoName"
|
|
data-testid="helm-repository-Some active repository"
|
|
>
|
|
Some active repository
|
|
</div>
|
|
<div
|
|
class="repoUrl"
|
|
>
|
|
some-url
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="remove-helm-repository-Some active repository"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="delete"
|
|
>
|
|
delete
|
|
</span>
|
|
</i>
|
|
<div
|
|
data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
|
|
>
|
|
Remove
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="selection-of-active-public-helm-repository"
|
|
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"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
|
|
>
|
|
<span
|
|
class="css-1xtdfmb-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-zoievk-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-x748d8-LoadingDot"
|
|
/>
|
|
</div>
|
|
<span
|
|
class="Select__indicator-separator css-109onse-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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="pt-5 relative"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-repositories-are-loading"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
/>
|
|
</div>
|
|
</body>
|
|
`;
|
|
|
|
exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success when adding custom repository again renders 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="ClusterManager"
|
|
>
|
|
<div
|
|
class="topBar"
|
|
>
|
|
<div
|
|
class="items"
|
|
>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
data-testid="home-button"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="home"
|
|
>
|
|
home
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-back"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_back"
|
|
>
|
|
arrow_back
|
|
</span>
|
|
</i>
|
|
<i
|
|
class="Icon material interactive disabled focusable"
|
|
data-testid="history-forward"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_forward"
|
|
>
|
|
arrow_forward
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
class="items"
|
|
/>
|
|
</div>
|
|
<main>
|
|
<div
|
|
id="lens-views"
|
|
/>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="kubernetes-preferences-page"
|
|
>
|
|
<nav
|
|
class="sidebarRegion"
|
|
>
|
|
<div
|
|
class="sidebar"
|
|
>
|
|
<div
|
|
class="Tabs flex column"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
Preferences
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-application"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
App
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-proxy"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Proxy
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center active"
|
|
data-testid="tab-link-for-kubernetes"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Kubernetes
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-editor"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Editor
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Tab flex gaps align-center"
|
|
data-testid="tab-link-for-terminal"
|
|
role="tab"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
class="label"
|
|
>
|
|
Terminal
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div
|
|
class="contentRegion"
|
|
id="ScrollSpyRoot"
|
|
>
|
|
<div
|
|
class="content"
|
|
>
|
|
<section
|
|
id="kubernetes"
|
|
>
|
|
<section
|
|
id="kubectl"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-header"
|
|
>
|
|
Kubernetes
|
|
</h2>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Kubectl binary download
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Download kubectl binaries matching the Kubernetes cluster version
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Download mirror
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-download-mirror-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-download-mirror-input-placeholder"
|
|
>
|
|
Download mirror for kubectl
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-download-mirror-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="download-mirror-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-109onse-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>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Directory for binaries
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black disabled"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="/some-electron-app-path-for-user-data/binaries"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="hint"
|
|
>
|
|
The directory to download binaries into.
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Path to kubectl binary
|
|
|
|
</div>
|
|
<div
|
|
class="Input theme round black"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
placeholder="/some-electron-app-path-for-user-data/binaries/kubectl"
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="kube-sync"
|
|
>
|
|
<h2
|
|
data-testid="kubernetes-sync-header"
|
|
>
|
|
Kubeconfig Syncs
|
|
</h2>
|
|
<div
|
|
class="self-start mb-5"
|
|
>
|
|
<button
|
|
class="Button PathPicker primary"
|
|
type="button"
|
|
>
|
|
Sync Files and Folders
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="SubTitle pt-5"
|
|
>
|
|
Synced Items
|
|
|
|
</div>
|
|
<div
|
|
class="notice mt-3"
|
|
>
|
|
<div
|
|
class="flex-grow text-center"
|
|
>
|
|
No files and folders have been synced yet
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="helm"
|
|
>
|
|
<h2>
|
|
Helm Charts
|
|
</h2>
|
|
<div>
|
|
<div
|
|
data-testid="helm-controls"
|
|
>
|
|
<div
|
|
class="flex gaps"
|
|
>
|
|
<div
|
|
class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-selection-of-active-public-helm-repository-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control Select__control--is-disabled css-1insrsq-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
>
|
|
Repositories
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-jzldcf-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
disabled=""
|
|
id="selection-of-active-public-helm-repository"
|
|
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"
|
|
>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
|
|
>
|
|
<span
|
|
class="css-1xtdfmb-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-zoievk-LoadingDot"
|
|
/>
|
|
<span
|
|
class="css-x748d8-LoadingDot"
|
|
/>
|
|
</div>
|
|
<span
|
|
class="Select__indicator-separator css-109onse-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>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="add-custom-helm-repo-button"
|
|
type="button"
|
|
>
|
|
Add Custom Helm Repo
|
|
</button>
|
|
</div>
|
|
<div
|
|
class="repos"
|
|
>
|
|
<div
|
|
class="pt-5 relative"
|
|
>
|
|
<div
|
|
class="Spinner singleColor center"
|
|
data-testid="helm-repositories-are-loading"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
<div
|
|
class="toolsRegion"
|
|
>
|
|
<div
|
|
class="fixed top-[60px]"
|
|
>
|
|
<div
|
|
data-testid="close-preferences"
|
|
>
|
|
<div
|
|
aria-label="Close"
|
|
class="closeButton"
|
|
role="button"
|
|
>
|
|
<i
|
|
class="Icon icon material focusable"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="close"
|
|
>
|
|
close
|
|
</span>
|
|
</i>
|
|
</div>
|
|
<div
|
|
aria-hidden="true"
|
|
class="esc"
|
|
>
|
|
ESC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<div
|
|
class="HotbarMenu flex column"
|
|
>
|
|
<div
|
|
class="HotbarItems flex column gaps"
|
|
/>
|
|
<div
|
|
class="HotbarSelector"
|
|
>
|
|
<i
|
|
class="Icon Icon previous material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_left"
|
|
>
|
|
arrow_left
|
|
</span>
|
|
</i>
|
|
<div
|
|
class="HotbarIndex"
|
|
>
|
|
<div
|
|
class="badge Badge small clickable"
|
|
id="hotbarIndex"
|
|
>
|
|
0
|
|
</div>
|
|
</div>
|
|
<i
|
|
class="Icon material interactive focusable"
|
|
tabindex="0"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="arrow_right"
|
|
>
|
|
arrow_right
|
|
</span>
|
|
</i>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="StatusBar"
|
|
data-testid="status-bar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
data-testid="status-bar-left"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
data-testid="status-bar-right"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
|
|
style="--enter-duration: 100ms; --leave-duration: 100ms;"
|
|
>
|
|
<div
|
|
class="box"
|
|
>
|
|
<div
|
|
class="Wizard"
|
|
>
|
|
<div
|
|
class="header"
|
|
>
|
|
<h5>
|
|
Add custom Helm Repo
|
|
</h5>
|
|
</div>
|
|
<form
|
|
class="WizardStep step1"
|
|
>
|
|
<div
|
|
class="step-content scrollable flow column"
|
|
>
|
|
<div
|
|
class="flex column gaps"
|
|
data-testid="add-custom-helm-repository-dialog"
|
|
>
|
|
<div
|
|
class="Input focused invalid"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-name-input"
|
|
placeholder="Helm repo name"
|
|
required=""
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="Input invalid"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
data-testid="custom-helm-repository-url-input"
|
|
placeholder="URL"
|
|
required=""
|
|
spellcheck="false"
|
|
value=""
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
<button
|
|
class="Button accordion plain"
|
|
data-testid="toggle-maximal-options-for-custom-helm-repository-button"
|
|
type="button"
|
|
>
|
|
More
|
|
<i
|
|
class="Icon material focusable small"
|
|
>
|
|
<span
|
|
class="icon"
|
|
data-icon-name="add"
|
|
>
|
|
add
|
|
</span>
|
|
</i>
|
|
<div>
|
|
More
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="buttons flex gaps align-center"
|
|
>
|
|
<button
|
|
class="Button back-btn plain"
|
|
data-testid="custom-helm-repository-cancel-button"
|
|
type="button"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="Button primary"
|
|
data-testid="custom-helm-repository-submit-button"
|
|
type="submit"
|
|
>
|
|
Add
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|