mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
3084b7b8d9
* Give an UpdateButton injectables Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * AppUpdateWarning class and injectable Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Rename folder to app-update-warning Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add appPublishDateInjectable Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Inject ipcRenderer into app-update-warning Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add setter for downloadedUpdateDate Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add tests for AppUpdateWarning Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * appPublishDate initial test Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Parsing app release date from the package version Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Introduce appUpdateWarningLevelInjectable Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fix withInjectables props Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Determine warning from days passed after update available Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Save update available date in session storage Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Move quitAndInstall() to separate function Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Register quit-and-install ipc channel Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Make update function injectable for button Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Update tests Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Set proper timeframes Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Setting global UTC timezone for tests Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Refresh tests Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Testing warning level changes over time Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Remove unused app-publish-date files Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Make linter happy Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Pass quitAndInstallUpdateInjectable to UpdateButton Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Remove updateAppInjectable Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Initial tests for installing update using topbar button Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Refactor AppUpdateWarning class using injectables Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Permit side effects in injectable periodicalCheckForUpdateWarningInjectable Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Temporarily set noop for UpdateButton update() Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Remove previous implementation files Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Unoverriding topbar injectables Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Render TopBar inside ApplicationBuilder Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Move updateWarningLevelInjectable to /common subfolders from /main Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Make UpdateButton warning prop observable by using computed() structure Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Updating snapshots Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add sync box files allowing to restart & install update from renderer process Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add Update button dropdown tests Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fix jest.advanceTimersByTime usage Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Check for severe warning level Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Linter fixes Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Remove usage of legacy global causing trouble in unit tests Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Make update warning level completely reactive and responsibility of a renderer Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Remove dead code Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Remove tests that are covered by behaviour Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Fix restarting and installing update when pressing update button Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Update snapshots Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Remove dead code Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com> Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Update more snapshots Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Remove duplication from behavioural unit test Signed-off-by: Janne Savolainen <janne.savolainen@live.fi> * Reducing too large MenuItems height Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Reduce too large UpdateButton paddings Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Add jest globalSetup into package.json to fix timezone test Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Do not triggering computed value every time it is being used Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>
1084 lines
33 KiB
Plaintext
1084 lines
33 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered renders 1`] = `
|
|
<div>
|
|
<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>
|
|
<div
|
|
class="StatusBar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="SettingLayout showNavigation Preferences"
|
|
data-testid="application-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 active"
|
|
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"
|
|
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="application"
|
|
>
|
|
<h2
|
|
data-testid="application-header"
|
|
>
|
|
Application
|
|
</h2>
|
|
<section
|
|
id="appearance"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Theme
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-theme-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-theme-input-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-theme-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="theme-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="extensionRegistryUrl"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Extension Install Registry
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-extension-install-registry-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-extension-install-registry-input-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-extension-install-registry-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="extension-install-registry-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p
|
|
class="mt-4 mb-5 leading-relaxed"
|
|
>
|
|
This setting is to change the registry URL for installing extensions by name.
|
|
If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your
|
|
<b>
|
|
.npmrc
|
|
</b>
|
|
file or in the input below.
|
|
</p>
|
|
<div
|
|
class="Input theme round black disabled invalid"
|
|
>
|
|
<label
|
|
class="input-area flex gaps align-center"
|
|
id=""
|
|
>
|
|
<input
|
|
class="input box grow"
|
|
disabled=""
|
|
placeholder="Custom Extension Registry URL..."
|
|
spellcheck="false"
|
|
value="some-custom-url"
|
|
/>
|
|
</label>
|
|
<div
|
|
class="input-info flex gaps"
|
|
/>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="other"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Start-up
|
|
|
|
</div>
|
|
<label
|
|
class="Switch"
|
|
data-testid="switch"
|
|
>
|
|
Automatically start Lens on login
|
|
<input
|
|
role="switch"
|
|
type="checkbox"
|
|
/>
|
|
</label>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="update-channel"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Update Channel
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-update-channel-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__single-value css-qc6sy-singleValue"
|
|
>
|
|
Stable
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="update-channel-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<hr />
|
|
<section
|
|
id="locale"
|
|
>
|
|
<div
|
|
class="SubTitle"
|
|
>
|
|
Locale Timezone
|
|
|
|
</div>
|
|
<div
|
|
class="Select theme-lens css-b62m3t-container"
|
|
>
|
|
<span
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
id="react-select-timezone-input-live-region"
|
|
/>
|
|
<span
|
|
aria-atomic="false"
|
|
aria-live="polite"
|
|
aria-relevant="additions text"
|
|
class="css-1f43avz-a11yText-A11yText"
|
|
/>
|
|
<div
|
|
class="Select__control css-1s2u09g-control"
|
|
>
|
|
<div
|
|
class="Select__value-container css-319lph-ValueContainer"
|
|
>
|
|
<div
|
|
class="Select__placeholder css-14el2xx-placeholder"
|
|
id="react-select-timezone-input-placeholder"
|
|
>
|
|
Select...
|
|
</div>
|
|
<div
|
|
class="Select__input-container css-6j8wv5-Input"
|
|
data-value=""
|
|
>
|
|
<input
|
|
aria-autocomplete="list"
|
|
aria-describedby="react-select-timezone-input-placeholder"
|
|
aria-expanded="false"
|
|
aria-haspopup="true"
|
|
autocapitalize="none"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
class="Select__input"
|
|
id="timezone-input"
|
|
role="combobox"
|
|
spellcheck="false"
|
|
style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
|
|
tabindex="0"
|
|
type="text"
|
|
value=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="Select__indicators css-1hb7zxy-IndicatorsContainer"
|
|
>
|
|
<span
|
|
class="Select__indicator-separator css-1okebmr-indicatorSeparator"
|
|
/>
|
|
<div
|
|
aria-hidden="true"
|
|
class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
|
|
>
|
|
<svg
|
|
aria-hidden="true"
|
|
class="css-tj5bde-Svg"
|
|
focusable="false"
|
|
height="20"
|
|
viewBox="0 0 20 20"
|
|
width="20"
|
|
>
|
|
<path
|
|
d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
`;
|
|
|
|
exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered when navigating to kubernetes preferences using navigation renders 1`] = `
|
|
<div>
|
|
<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>
|
|
<div
|
|
class="StatusBar"
|
|
>
|
|
<div
|
|
class="leftSide"
|
|
/>
|
|
<div
|
|
class="rightSide"
|
|
/>
|
|
</div>
|
|
<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-absolute-root-directory/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-absolute-root-directory/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 />
|
|
</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>
|
|
<div
|
|
class="Notifications flex column align-flex-end"
|
|
/>
|
|
</div>
|
|
`;
|