// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`listing active helm repositories 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-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 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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves 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-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 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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with any other error 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-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
                      class="notice"
                    >
                      <div
                        class="flex-grow text-center"
                      >
                        Error updating Helm repositories: Some error
                      </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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing 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-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 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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding default repository reject 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-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
                      class="notice"
                    >
                      <div
                        class="flex-grow text-center"
                      >
                        Error when adding default Helm repository: Some error
                      </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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding of default repository resolves 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-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 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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories resolve when repositories resolves 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-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
                          class="item flex gaps align-center justify-space-between repo"
                        >
                          <div>
                            <div
                              class="repoName"
                              data-testid="helm-repository-some-repository"
                            >
                              some-repository
                            </div>
                            <div
                              class="repoUrl"
                            >
                              some-repository-url
                            </div>
                          </div>
                          <i
                            class="Icon material interactive focusable"
                            data-testid="remove-helm-repository-some-repository"
                            tabindex="0"
                            tooltip="Remove"
                          >
                            <span
                              class="icon"
                              data-icon-name="delete"
                            >
                              delete
                            </span>
                          </i>
                        </div>
                        <div
                          class="item flex gaps align-center justify-space-between repo"
                        >
                          <div>
                            <div
                              class="repoName"
                              data-testid="helm-repository-some-other-repository"
                            >
                              some-other-repository
                            </div>
                            <div
                              class="repoUrl"
                            >
                              some-other-repository-url
                            </div>
                          </div>
                          <i
                            class="Icon material interactive focusable"
                            data-testid="remove-helm-repository-some-other-repository"
                            tabindex="0"
                            tooltip="Remove"
                          >
                            <span
                              class="icon"
                              data-icon-name="delete"
                            >
                              delete
                            </span>
                          </i>
                        </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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository cache directory 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-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
                      class="notice"
                    >
                      <div
                        class="flex-grow text-center"
                      >
                        Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in \`$ helm env\`.
                      </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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository config file 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-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
                      class="notice"
                    >
                      <div
                        class="flex-grow text-center"
                      >
                        Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in \`$ helm env\`.
                      </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"
      >
        <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[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when getting configuration 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-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
                      class="notice"
                    >
                      <div
                        class="flex-grow text-center"
                      >
                        Error getting Helm configuration: some-error
                      </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"
      >
        <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>
`;
