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

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-workloads"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-helm"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-overview"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Overview
              </div>
            </div>
          </div>
          <main
            class="scrollable"
          >
            <div
              class="WorkloadsOverview flex column gaps"
              data-testid="page-for-workloads-overview"
            >
              <div
                class="header flex gaps align-center"
              >
                <h5
                  class="box grow"
                >
                  Overview
                </h5>
                <div
                  class="NamespaceSelectFilterParent"
                  data-testid="namespace-select-filter"
                >
                  <div
                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
                  >
                    <span
                      class="css-1f43avz-a11yText-A11yText"
                      id="react-select-overview-namespace-select-filter-input-live-region"
                    />
                    <span
                      aria-atomic="false"
                      aria-live="polite"
                      aria-relevant="additions text"
                      class="css-1f43avz-a11yText-A11yText"
                    />
                    <div
                      class="Select__control css-13cymwt-control"
                    >
                      <div
                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                      >
                        <div
                          class="Select__placeholder css-1jqq78o-placeholder"
                          id="react-select-overview-namespace-select-filter-input-placeholder"
                        >
                          All namespaces
                        </div>
                        <div
                          class="Select__input-container css-qbdosj-Input"
                          data-value=""
                        >
                          <input
                            aria-autocomplete="list"
                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
                            aria-expanded="false"
                            aria-haspopup="true"
                            autocapitalize="none"
                            autocomplete="off"
                            autocorrect="off"
                            class="Select__input"
                            id="overview-namespace-select-filter-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-1u9des2-indicatorSeparator"
                        />
                        <div
                          aria-hidden="true"
                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                        >
                          <svg
                            aria-hidden="true"
                            class="css-tj5bde-Svg"
                            focusable="false"
                            height="20"
                            viewBox="0 0 20 20"
                            width="20"
                          >
                            <path
                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                            />
                          </svg>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div
                class="OverviewStatuses"
              >
                <div
                  class="workloads"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading disabled"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              />
            </div>
            <div
              class="toolbar flex gaps align-center box grow pl-0"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput focused"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow selected nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading disabled"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              />
            </div>
            <div
              class="toolbar flex gaps align-center box grow pl-0"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Animate slide-right Drawer HelmChartDetails right enter"
    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
  >
    <div
      class="drawer-wrapper flex column"
    >
      <div
        class="drawer-title flex align-center"
      >
        <div
          class="drawer-title-text flex gaps align-center"
        >
          Chart: some-repository/some-name
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="content_copy"
            >
              content_copy
            </span>
          </i>
          <div>
            Copy
          </div>
        </div>
        <i
          class="Icon material interactive focusable"
          tabindex="0"
        >
          <span
            class="icon"
            data-icon-name="close"
          >
            close
          </span>
        </i>
        <div>
          Close
        </div>
      </div>
      <div
        class="drawer-content flex column box grow"
      >
        <div
          class="box grow"
        >
          <div
            class="introduction flex align-flex-start"
          >
            <div
              class="chartIcon intro-logo imageNotLoaded"
              data-testid="image-container"
              style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
            />
            <div
              class="intro-contents box grow"
            >
              <div
                class="description flex align-center justify-space-between"
                data-testid="selected-chart-description"
              >
                some-description
                <button
                  class="Button primary"
                  data-testid="install-chart-for-some-repository-some-name"
                  type="button"
                >
                  Install
                </button>
              </div>
              <div
                class="DrawerItem version"
              >
                <span
                  class="name"
                >
                  Version
                </span>
                <span
                  class="value"
                >
                  <div
                    class="Select theme-outlined css-b62m3t-container"
                  >
                    <span
                      class="css-1f43avz-a11yText-A11yText"
                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
                    />
                    <span
                      aria-atomic="false"
                      aria-live="polite"
                      aria-relevant="additions text"
                      class="css-1f43avz-a11yText-A11yText"
                    />
                    <div
                      class="Select__control css-13cymwt-control"
                    >
                      <div
                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                      >
                        <div
                          class="Select__single-value css-1dimb5e-singleValue"
                        >
                          some-version
                        </div>
                        <div
                          class="Select__input-container css-qbdosj-Input"
                          data-value=""
                        >
                          <input
                            aria-autocomplete="list"
                            aria-expanded="false"
                            aria-haspopup="true"
                            autocapitalize="none"
                            autocomplete="off"
                            autocorrect="off"
                            class="Select__input"
                            id="helm-chart-version-selector-some-repository-some-name"
                            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-1u9des2-indicatorSeparator"
                        />
                        <div
                          aria-hidden="true"
                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                </span>
              </div>
              <div
                class="DrawerItem"
              >
                <span
                  class="name"
                >
                  Home
                </span>
                <span
                  class="value"
                >
                  <a
                    rel="noreferrer"
                    target="_blank"
                  />
                </span>
              </div>
              <div
                class="DrawerItem maintainers"
              >
                <span
                  class="name"
                >
                  Maintainers
                </span>
                <span
                  class="value"
                />
              </div>
            </div>
          </div>
          <div
            class="chart-description"
            data-testid="helmchart-readme"
          >
            <div
              class="MarkDownViewer"
            >
              <p>
                some-readme
              </p>
              

            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ResizingAnchor horizontal leading"
    />
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="Spinner singleColor center"
              data-testid="install-chart-tab-spinner"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control Select__control--menu-is-open css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-controls="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
                              aria-expanded="true"
                              aria-haspopup="true"
                              aria-owns="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Select__menu-portal css-1no2yl0-MenuPortal"
  >
    <div
      class="theme-dark install-chart-version-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
      id="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
    >
      <div
        class="Select__menu-list css-1n6sfyn-MenuList"
      >
        <div
          aria-disabled="false"
          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-option"
          id="react-select-install-chart-version-select-for-some-first-tab-id-option-0"
          tabindex="-1"
        >
          some-version
        </div>
        <div
          aria-disabled="false"
          class="Select__option css-10wo9uf-option"
          id="react-select-install-chart-version-select-for-some-first-tab-id-option-1"
          tabindex="-1"
        >
          some-other-version
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-other-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              role="combobox"
                              spellcheck="false"
                              style="opacity: 0; 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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  disabled=""
                  type="button"
                >
                  Install
                </button>
              </div>
              <div
                class="Spinner singleColor center"
                data-testid="install-chart-configuration-spinner"
              />
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected when default configuration resolves renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-other-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              role="combobox"
                              spellcheck="false"
                              style="opacity: 0; 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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration-for-other-version
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given custom name is inputted renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value="some-custom-name"
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given invalid change in configuration renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                >
                  <div
                    class="error"
                  >
                    <i
                      class="Icon material focusable"
                    >
                      <span
                        class="icon"
                        data-icon-name="error_outline"
                      >
                        error_outline
                      </span>
                    </i>
                    <div>
                      YAMLException: end of the stream or a document separator is expected (1:1)

 1 | @some-invalid-configuration@
-----^
                    </div>
                  </div>
                </div>
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  disabled=""
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                @some-invalid-configuration@
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control Select__control--menu-is-open css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-controls="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
                              aria-expanded="true"
                              aria-haspopup="true"
                              aria-owns="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Select__menu-portal css-1no2yl0-MenuPortal"
  >
    <div
      class="NamespaceSelectMenu theme-dark install-chart-namespace-select-for-some-first-tab-id-options Select__menu css-1nmdiq5-menu"
      id="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
    >
      <div
        class="Select__menu-list css-1n6sfyn-MenuList"
      >
        <div
          aria-disabled="false"
          class="Select__option Select__option--is-focused Select__option--is-selected css-tr4s17-option"
          id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-0"
          tabindex="-1"
        >
          default
        </div>
        <div
          aria-disabled="false"
          class="Select__option css-10wo9uf-option"
          id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-1"
          tabindex="-1"
        >
          some-other-namespace
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened when namespace is selected renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-other-namespace
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              role="combobox"
                              spellcheck="false"
                              style="opacity: 0; 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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                >
                  <div
                    class="Spinner singleColor"
                    data-testid="installing-chart-from-tab-some-first-tab-id"
                  />
                   
                  Installing...
                </div>
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  disabled=""
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChartDone flex column gaps align-center justify-center"
            >
              <p>
                <i
                  class="Icon material sticker focusable big"
                >
                  <span
                    class="icon"
                    data-icon-name="check"
                  >
                    check
                  </span>
                </i>
              </p>
              <p>
                Installation complete!
              </p>
              <div
                class="flex gaps align-center"
              >
                <button
                  class="Button primary"
                  data-testid="show-release-some-release-for-some-first-tab-id"
                  type="button"
                >
                  View Helm Release
                </button>
                <button
                  class="Button plain active"
                  data-testid="show-execution-output-for-some-release-in-some-first-tab-id"
                  type="button"
                >
                  Show Notes
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to see the installed release renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    >
      <div
        class="Animate opacity notification flex ok enter"
        style="--enter-duration: 100ms; --leave-duration: 100ms;"
      >
        <div
          class="box"
        >
          <i
            class="Icon material focusable"
          >
            <span
              class="icon"
              data-icon-name="info_outline"
            >
              info_outline
            </span>
          </i>
        </div>
        <div
          class="message box grow"
        >
          <p>
            Chart Release 
            <b>
              some-release
            </b>
             successfully created.
          </p>
        </div>
        <div
          class="box"
        >
          <i
            class="Icon close material interactive focusable"
            data-testid="close-notification-for-notification_3"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
        </div>
      </div>
    </div>
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              class="ItemListLayout flex column HelmReleases"
            >
              <div
                class="header flex gaps align-center"
              >
                <h5
                  class="title"
                >
                  Releases
                </h5>
                <div
                  class="info-panel box grow"
                >
                  0 items
                </div>
                <div
                  class="NamespaceSelectFilterParent"
                  data-testid="namespace-select-filter"
                >
                  <div
                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
                  >
                    <span
                      class="css-1f43avz-a11yText-A11yText"
                      id="react-select-namespace-select-filter-live-region"
                    />
                    <span
                      aria-atomic="false"
                      aria-live="polite"
                      aria-relevant="additions text"
                      class="css-1f43avz-a11yText-A11yText"
                    />
                    <div
                      class="Select__control css-13cymwt-control"
                    >
                      <div
                        class="Select__value-container Select__value-container--is-multi css-1fdsijx-ValueContainer"
                      >
                        <div
                          class="Select__placeholder css-1jqq78o-placeholder"
                          id="react-select-namespace-select-filter-placeholder"
                        >
                          All namespaces
                        </div>
                        <div
                          class="Select__input-container css-qbdosj-Input"
                          data-value=""
                        >
                          <input
                            aria-autocomplete="list"
                            aria-describedby="react-select-namespace-select-filter-placeholder"
                            aria-expanded="false"
                            aria-haspopup="true"
                            autocapitalize="none"
                            autocomplete="off"
                            autocorrect="off"
                            class="Select__input"
                            id="namespace-select-filter"
                            role="combobox"
                            spellcheck="false"
                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
                            tabindex="0"
                            type="text"
                            value=""
                          />
                        </div>
                      </div>
                      <div
                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
                      >
                        <span
                          class="Select__indicator-separator css-1u9des2-indicatorSeparator"
                        />
                        <div
                          aria-hidden="true"
                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                        >
                          <svg
                            aria-hidden="true"
                            class="css-tj5bde-Svg"
                            focusable="false"
                            height="20"
                            viewBox="0 0 20 20"
                            width="20"
                          >
                            <path
                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                            />
                          </svg>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="Input SearchInput focused"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Releases..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell checkbox"
                    >
                      <label
                        class="Checkbox flex align-center"
                      >
                        <input
                          type="checkbox"
                        />
                        <i
                          class="box flex align-center"
                        />
                      </label>
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell namespace nowrap sorting"
                      id="namespace"
                    >
                      <div
                        class="content"
                      >
                        Namespace
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell chart nowrap sorting"
                      id="chart"
                    >
                      <div
                        class="content"
                      >
                        Chart
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell revision nowrap sorting"
                      id="revision"
                    >
                      <div
                        class="content"
                      >
                        Revision
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell status nowrap sorting"
                      id="status"
                    >
                      <div
                        class="content"
                      >
                        Status
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell updated nowrap sorting"
                      id="update"
                    >
                      <div
                        class="content"
                      >
                        Updated
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="NoItems flex box grow"
                  >
                    <div
                      class="box center"
                    >
                      Item list is empty
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading disabled"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              />
            </div>
            <div
              class="toolbar flex gaps align-center box grow pl-0"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Animate slide-right Drawer ReleaseDetails dark right enter"
    data-testid="helm-release-details-for-default/some-release"
    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
  >
    <div
      class="drawer-wrapper flex column"
    >
      <div
        class="drawer-title flex align-center"
      >
        <div
          class="drawer-title-text flex gaps align-center"
        >
          some-release
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="content_copy"
            >
              content_copy
            </span>
          </i>
          <div>
            Copy
          </div>
        </div>
        <i
          class="Icon material interactive focusable"
          data-testid="close-helm-release-detail"
          tabindex="0"
        >
          <span
            class="icon"
            data-icon-name="close"
          >
            close
          </span>
        </i>
        <div
          data-testid="tooltip-content-for-close-helm-release-detail"
        >
          Close
        </div>
      </div>
      <div
        class="drawer-content flex column box grow"
      >
        <div
          class="Spinner singleColor center"
          data-testid="helm-release-detail-content-spinner"
        />
      </div>
    </div>
    <div
      class="ResizingAnchor horizontal leading"
    />
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to show execution output renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    >
      <div
        class="Animate opacity notification flex ok enter"
        style="--enter-duration: 100ms; --leave-duration: 100ms;"
      >
        <div
          class="box"
        >
          <i
            class="Icon material focusable"
          >
            <span
              class="icon"
              data-icon-name="info_outline"
            >
              info_outline
            </span>
          </i>
        </div>
        <div
          class="message box grow"
        >
          <p>
            Chart Release 
            <b>
              some-release
            </b>
             successfully created.
          </p>
        </div>
        <div
          class="box"
        >
          <i
            class="Icon close material interactive focusable"
            data-testid="close-notification-for-notification_6"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
        </div>
      </div>
    </div>
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChartDone flex column gaps align-center justify-center"
            >
              <p>
                <i
                  class="Icon material sticker focusable big"
                >
                  <span
                    class="icon"
                    data-icon-name="check"
                  >
                    check
                  </span>
                </i>
              </p>
              <p>
                Installation complete!
              </p>
              <div
                class="flex gaps align-center"
              >
                <button
                  class="Button primary"
                  data-testid="show-release-some-release-for-some-first-tab-id"
                  type="button"
                >
                  View Helm Release
                </button>
                <button
                  class="Button plain active"
                  data-testid="show-execution-output-for-some-release-in-some-first-tab-id"
                  type="button"
                >
                  Show Notes
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Animate opacity-scale Dialog flex center LogsDialog modal enter"
    data-testid="logs-dialog-for-helm-chart-install"
    style="--enter-duration: 100ms; --leave-duration: 100ms;"
  >
    <div
      class="box"
    >
      <div
        class="Wizard"
      >
        <div
          class="header"
        >
          <h5>
            Helm Chart Install
          </h5>
        </div>
        <form
          class="WizardStep step1"
        >
          <div
            class="step-content"
          >
            <code
              class="block"
            >
              some-execution-output
            </code>
          </div>
          <div
            class="buttons flex gaps align-center justify-space-between"
          >
            <button
              class="Button plain"
              type="button"
            >
              <i
                class="Icon material focusable"
              >
                <span
                  class="icon"
                  data-icon-name="assignment"
                >
                  assignment
                </span>
              </i>
               Copy to clipboard
            </button>
            <button
              class="Button plain"
              type="button"
            >
              Close
            </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow selected nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="Animate slide-right Drawer HelmChartDetails right enter"
    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
  >
    <div
      class="drawer-wrapper flex column"
    >
      <div
        class="drawer-title flex align-center"
      >
        <div
          class="drawer-title-text flex gaps align-center"
        >
          Chart: some-repository/some-other-name
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="content_copy"
            >
              content_copy
            </span>
          </i>
          <div>
            Copy
          </div>
        </div>
        <i
          class="Icon material interactive focusable"
          tabindex="0"
        >
          <span
            class="icon"
            data-icon-name="close"
          >
            close
          </span>
        </i>
        <div>
          Close
        </div>
      </div>
      <div
        class="drawer-content flex column box grow"
      >
        <div
          class="box grow"
        >
          <div
            class="introduction flex align-flex-start"
          >
            <div
              class="chartIcon intro-logo imageNotLoaded"
              data-testid="image-container"
              style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
            />
            <div
              class="intro-contents box grow"
            >
              <div
                class="description flex align-center justify-space-between"
                data-testid="selected-chart-description"
              >
                some-description
                <button
                  class="Button primary"
                  data-testid="install-chart-for-some-repository-some-other-name"
                  type="button"
                >
                  Install
                </button>
              </div>
              <div
                class="DrawerItem version"
              >
                <span
                  class="name"
                >
                  Version
                </span>
                <span
                  class="value"
                >
                  <div
                    class="Select theme-outlined css-b62m3t-container"
                  >
                    <span
                      class="css-1f43avz-a11yText-A11yText"
                      id="react-select-helm-chart-version-selector-some-repository-some-other-name-live-region"
                    />
                    <span
                      aria-atomic="false"
                      aria-live="polite"
                      aria-relevant="additions text"
                      class="css-1f43avz-a11yText-A11yText"
                    />
                    <div
                      class="Select__control css-13cymwt-control"
                    >
                      <div
                        class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                      >
                        <div
                          class="Select__single-value css-1dimb5e-singleValue"
                        >
                          some-version
                        </div>
                        <div
                          class="Select__input-container css-qbdosj-Input"
                          data-value=""
                        >
                          <input
                            aria-autocomplete="list"
                            aria-expanded="false"
                            aria-haspopup="true"
                            autocapitalize="none"
                            autocomplete="off"
                            autocorrect="off"
                            class="Select__input"
                            id="helm-chart-version-selector-some-repository-some-other-name"
                            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-1u9des2-indicatorSeparator"
                        />
                        <div
                          aria-hidden="true"
                          class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                </span>
              </div>
              <div
                class="DrawerItem"
              >
                <span
                  class="name"
                >
                  Home
                </span>
                <span
                  class="value"
                >
                  <a
                    rel="noreferrer"
                    target="_blank"
                  />
                </span>
              </div>
              <div
                class="DrawerItem maintainers"
              >
                <span
                  class="name"
                >
                  Maintainers
                </span>
                <span
                  class="value"
                />
              </div>
            </div>
          </div>
          <div
            class="chart-description"
            data-testid="helmchart-readme"
          >
            <div
              class="MarkDownViewer"
            >
              <p>
                some-readme
              </p>
              

            </div>
          </div>
        </div>
      </div>
    </div>
    <div
      class="ResizingAnchor horizontal leading"
    />
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-second-tab-id"
                  id="tab-some-second-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-other-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-second-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-second-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="Spinner singleColor center"
              data-testid="install-chart-tab-spinner"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-second-tab-id"
                  id="tab-some-second-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-other-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-second-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-second-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-other-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-second-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__placeholder css-1jqq78o-placeholder"
                            id="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
                          >
                            Select...
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-describedby="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-second-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-second-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-second-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-second-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-second-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-second-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-second-tab-id"
              >
                some-other-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve when selecting the dock tab for installing first chart renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="Tab flex gaps align-center DockTab"
                  data-testid="dock-tab-for-some-second-tab-id"
                  id="tab-some-second-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-other-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-second-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-second-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given valid change in configuration renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-valid-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock isOpen"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              >
                <div
                  class="Tab flex gaps align-center DockTab active"
                  data-testid="dock-tab-for-some-first-tab-id"
                  id="tab-some-first-tab-id"
                  role="tab"
                  tabindex="0"
                >
                  <i
                    class="Icon material focusable small"
                  >
                    <span
                      class="icon"
                      data-icon-name="install_desktop"
                    >
                      install_desktop
                    </span>
                  </i>
                  <div
                    class="label"
                  >
                    <div
                      class="flex align-center"
                    >
                      <span
                        class="title"
                      >
                        Helm Install: some-repository/some-name
                      </span>
                      <div
                        class="close"
                      >
                        <i
                          class="Icon material interactive focusable small"
                          data-testid="dock-tab-close-for-some-first-tab-id"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="close"
                          >
                            close
                          </span>
                        </i>
                        <div
                          data-testid="tooltip-content-for-dock-tab-close-for-some-first-tab-id"
                        >
                          Close ⌘+W
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="toolbar flex gaps align-center box grow"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="fullscreen"
                >
                  fullscreen
                </span>
              </i>
              <div>
                Fit to window
              </div>
              <i
                class="Icon material interactive focusable"
                tabindex="0"
              >
                <span
                  class="icon"
                  data-icon-name="keyboard_arrow_down"
                >
                  keyboard_arrow_down
                </span>
              </i>
              <div>
                Minimize
              </div>
            </div>
          </div>
          <div
            class="tab-content install-chart"
            data-testid="dock-tab-content-for-some-first-tab-id"
            style="flex-basis: 300px;"
          >
            <div
              class="InstallChart flex column"
            >
              <div
                class="InfoPanel flex gaps align-center"
              >
                <div
                  class="controls"
                >
                  <div
                    class="install-controls flex gaps align-center"
                  >
                    <span>
                      Chart
                    </span>
                    <div
                      class="badge"
                      title="Repo/Name"
                    >
                      some-repository/some-name
                    </div>
                    <span>
                      Version
                    </span>
                    <div
                      class="Select theme-dark chart-version css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            some-version
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-version-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-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>
                    <span>
                      Namespace
                    </span>
                    <div
                      class="Select theme-dark NamespaceSelect css-b62m3t-container"
                    >
                      <span
                        class="css-1f43avz-a11yText-A11yText"
                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
                      />
                      <span
                        aria-atomic="false"
                        aria-live="polite"
                        aria-relevant="additions text"
                        class="css-1f43avz-a11yText-A11yText"
                      />
                      <div
                        class="Select__control css-13cymwt-control"
                      >
                        <div
                          class="Select__value-container Select__value-container--has-value css-1fdsijx-ValueContainer"
                        >
                          <div
                            class="Select__single-value css-1dimb5e-singleValue"
                          >
                            default
                          </div>
                          <div
                            class="Select__input-container css-qbdosj-Input"
                            data-value=""
                          >
                            <input
                              aria-autocomplete="list"
                              aria-expanded="false"
                              aria-haspopup="true"
                              autocapitalize="none"
                              autocomplete="off"
                              autocorrect="off"
                              class="Select__input"
                              id="install-chart-namespace-select-for-some-first-tab-id"
                              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-1u9des2-indicatorSeparator"
                          />
                          <div
                            aria-hidden="true"
                            class="Select__indicator Select__dropdown-indicator css-1xc3v61-indicatorContainer"
                          >
                            <svg
                              aria-hidden="true"
                              class="css-tj5bde-Svg"
                              focusable="false"
                              height="20"
                              viewBox="0 0 20 20"
                              width="20"
                            >
                              <path
                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
                              />
                            </svg>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="Input"
                    >
                      <label
                        class="input-area flex gaps align-center"
                        id=""
                      >
                        <input
                          class="input box grow"
                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
                          placeholder="Name (optional)"
                          spellcheck="false"
                          title="Release name"
                          value=""
                        />
                      </label>
                      <div
                        class="input-info flex gaps"
                      />
                    </div>
                  </div>
                </div>
                <div
                  class="flex gaps align-center"
                />
                <button
                  class="Button plain"
                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Cancel
                </button>
                <button
                  class="Button primary active"
                  data-testid="install-chart-from-tab-for-some-first-tab-id"
                  type="button"
                >
                  Install
                </button>
              </div>
              <textarea
                data-testid="monaco-editor-for-some-first-tab-id"
              >
                some-default-configuration
              </textarea>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;

exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve when cancelled renders 1`] = `
<body>
  <div>
    <div
      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
      style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
    >
      <div
        class="drawer-wrapper flex column"
      >
        <div
          class="drawer-title flex align-center"
        >
          <div
            class="drawer-title-text flex gaps align-center"
          >
            
          </div>
          <i
            class="Icon material interactive focusable"
            tabindex="0"
          >
            <span
              class="icon"
              data-icon-name="close"
            >
              close
            </span>
          </i>
          <div>
            Close
          </div>
        </div>
        <div
          class="drawer-content flex column box grow"
        />
      </div>
      <div
        class="ResizingAnchor horizontal leading"
      />
    </div>
    <div
      class="Notifications flex column align-flex-end"
    />
    <div
      class="mainLayout"
      style="--sidebar-width: 200px;"
    >
      <div
        class="sidebar"
      >
        <div
          class="flex flex-col"
          data-testid="cluster-sidebar"
        >
          <div
            class="SidebarCluster"
          >
            <div
              class="Avatar rounded loadingAvatar"
              style="width: 40px; height: 40px;"
            >
              ??
            </div>
            <div
              class="loadingClusterName"
            />
          </div>
          <div
            class="sidebarNav sidebar-active-status"
          >
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-workloads"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-workloads"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Workloads
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-config"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-config"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="list"
                  >
                    list
                  </span>
                </i>
                <span>
                  Config
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-network"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-network"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="device_hub"
                  >
                    device_hub
                  </span>
                </i>
                <span>
                  Network
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-storage"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-storage"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="storage"
                  >
                    storage
                  </span>
                </i>
                <span>
                  Storage
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="true"
              data-testid="sidebar-item-helm"
            >
              <a
                aria-current="page"
                class="navItem active"
                data-testid="sidebar-item-link-for-helm"
                href="/"
              >
                <i
                  class="Icon svg focusable"
                >
                  <span
                    class="icon"
                  />
                </i>
                <span>
                  Helm
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-user-management"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-user-management"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="security"
                  >
                    security
                  </span>
                </i>
                <span>
                  Access Control
                </span>
              </a>
            </div>
            <div
              class="SidebarItem"
              data-is-active-test="false"
              data-testid="sidebar-item-custom-resources"
            >
              <a
                class="navItem"
                data-testid="sidebar-item-link-for-custom-resources"
                href="/"
              >
                <i
                  class="Icon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="extension"
                  >
                    extension
                  </span>
                </i>
                <span>
                  Custom Resources
                </span>
                <i
                  class="Icon expandIcon material focusable"
                >
                  <span
                    class="icon"
                    data-icon-name="keyboard_arrow_down"
                  >
                    keyboard_arrow_down
                  </span>
                </i>
              </a>
            </div>
          </div>
        </div>
        <div
          class="ResizingAnchor horizontal trailing"
        />
      </div>
      <div
        class="contents"
      >
        <div
          class="TabLayout"
          data-testid="tab-layout"
        >
          <div
            class="Tabs center scrollable"
          >
            <div
              class="Tab flex gaps align-center active"
              data-is-active-test="true"
              data-testid="tab-link-for-charts"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Charts
              </div>
            </div>
            <div
              class="Tab flex gaps align-center"
              data-is-active-test="false"
              data-testid="tab-link-for-releases"
              role="tab"
              tabindex="0"
            >
              <div
                class="label"
              >
                Releases
              </div>
            </div>
          </div>
          <main
            class=""
          >
            <div
              data-testid="page-for-helm-charts"
              style="display: none;"
            />
            <div
              class="ItemListLayout flex column HelmCharts"
            >
              <div
                class="header flex gaps align-center"
              >
                <div
                  class="Input SearchInput"
                >
                  <label
                    class="input-area flex gaps align-center"
                    id=""
                  >
                    <input
                      class="input box grow"
                      placeholder="Search Helm Charts..."
                      spellcheck="false"
                      value=""
                    />
                    <i
                      class="Icon material focusable small"
                    >
                      <span
                        class="icon"
                        data-icon-name="search"
                      >
                        search
                      </span>
                    </i>
                  </label>
                  <div
                    class="input-info flex gaps"
                  />
                </div>
              </div>
              <div
                class="items box grow flex column"
              >
                <div
                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
                >
                  <div
                    class="TableHead sticky nowrap topLine"
                  >
                    <div
                      class="TableCell icon nowrap"
                    >
                      <div
                        class="content"
                      />
                    </div>
                    <div
                      class="TableCell name nowrap sorting"
                      id="name"
                    >
                      <div
                        class="content"
                      >
                        Name
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell description nowrap"
                      id="description"
                    >
                      <div
                        class="content"
                      >
                        Description
                      </div>
                    </div>
                    <div
                      class="TableCell version nowrap"
                      id="version"
                    >
                      <div
                        class="content"
                      >
                        Version
                      </div>
                    </div>
                    <div
                      class="TableCell app-version nowrap"
                      id="app-version"
                    >
                      <div
                        class="content"
                      >
                        App Version
                      </div>
                    </div>
                    <div
                      class="TableCell repository nowrap sorting"
                      id="repo"
                    >
                      <div
                        class="content"
                      >
                        Repository
                      </div>
                      <i
                        class="Icon sortIcon material focusable"
                      >
                        <span
                          class="icon"
                          data-icon-name="arrow_drop_down"
                        >
                          arrow_drop_down
                        </span>
                      </i>
                    </div>
                    <div
                      class="TableCell menu nowrap"
                    >
                      <div
                        class="content"
                      >
                        <i
                          class="Icon material interactive focusable"
                          id="menu-actions-for-item-object-list-content"
                          tabindex="0"
                        >
                          <span
                            class="icon"
                            data-icon-name="more_vert"
                          >
                            more_vert
                          </span>
                        </i>
                      </div>
                    </div>
                  </div>
                  <div
                    class="VirtualList HelmCharts box grow dark"
                  >
                    <div>
                      <div
                        class="list"
                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
                      >
                        <div
                          style="height: 66px; width: 100%;"
                        >
                          <div
                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                          <div
                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
                          >
                            <div
                              class="TableRow nowrap"
                              data-testid="helm-chart-row-for-some-repository-some-other-name"
                            >
                              <div
                                class="TableCell icon"
                              >
                                <figure>
                                  <div
                                    class="chartIcon imageNotLoaded"
                                    data-testid="image-container"
                                    style="background-image: url(data:image/svg+xml;base64,[encoded data, 5168 characters]);"
                                  />
                                </figure>
                              </div>
                              <div
                                class="TableCell name"
                              >
                                some-other-name
                              </div>
                              <div
                                class="TableCell description"
                              >
                                some-description
                              </div>
                              <div
                                class="TableCell version"
                              >
                                some-version
                              </div>
                              <div
                                class="TableCell app-version"
                              />
                              <div
                                class="TableCell some-repository repository"
                              >
                                some-repository
                              </div>
                              <div
                                class="TableCell menu"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  class="AddRemoveButtons flex gaps"
                />
              </div>
            </div>
          </main>
        </div>
      </div>
      <div
        class="footer"
      >
        <div
          class="Dock"
          tabindex="-1"
        >
          <div
            class="ResizingAnchor vertical leading disabled"
          />
          <div
            class="tabs-container flex align-center"
          >
            <div
              class="dockTabs"
              role="tablist"
            >
              <div
                class="Tabs tabs"
              />
            </div>
            <div
              class="toolbar flex gaps align-center box grow pl-0"
            >
              <div
                class="dock-menu box grow"
              >
                <i
                  class="Icon new-dock-tab material interactive focusable"
                  id="menu-actions-for-dock"
                  tabindex="0"
                >
                  <span
                    class="icon"
                    data-icon-name="add"
                  >
                    add
                  </span>
                </i>
                <div>
                  New tab
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
`;
