Fix snapshots/code-style after merging stuff to master (#5235)

* Update snapshots after merging stuff to master

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

* Fix code style

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>

src/behaviours/add-cluster/__snapshots__/navigation-using-application-menu.test.ts.snap

@@ -5,7 +5,7 @@ exports[`add-cluster - navigation using application menu renders 1`] = `<div />`
 exports[`add-cluster - navigation using application menu when navigating to add cluster using application menu renders 1`] = `
 <div>
   <div
-    class="SettingLayout"
+    class="SettingLayout AddClusters"
     data-testid="add-cluster-page"
   >
     <div
@@ -62,10 +62,11 @@ exports[`add-cluster - navigation using application menu when navigating to add
           <div>
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -77,6 +78,7 @@ exports[`add-cluster - navigation using application menu when navigating to add
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/add-cluster/navigation-using-application-menu.test.ts

@@ -4,7 +4,8 @@
  */
 
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import isAutoUpdateEnabledInjectable from "../../main/is-auto-update-enabled.injectable";
 
 // TODO: Make components free of side effects by making them deterministic

src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap

@@ -6,17 +6,21 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -333,17 +337,21 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"

src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap

@@ -6,17 +6,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -298,17 +302,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -590,17 +598,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -906,17 +918,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -1227,17 +1243,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -1523,17 +1543,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -1839,17 +1863,21 @@ exports[`cluster - sidebar and tab navigation for core given core registrations
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"

src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap

@@ -6,17 +6,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -298,17 +302,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -590,17 +598,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -926,17 +938,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -1306,17 +1322,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -1686,17 +1706,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -2021,17 +2045,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -2357,17 +2385,21 @@ exports[`cluster - sidebar and tab navigation for extensions given extension wit
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"

src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap

@@ -6,17 +6,21 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"
@@ -266,17 +270,21 @@ exports[`cluster - visibility of sidebar items given kube resource for route is
     class="flex flex-col"
     data-testid="cluster-sidebar"
   >
-    <div>
     <div
-        class=""
+      class="SidebarCluster"
+    >
+      <div
+        class="Avatar rounded loadingAvatar"
         style="width: 40px; height: 40px;"
       >
         ??
       </div>
-      <div />
+      <div
+        class="loadingClusterName"
+      />
     </div>
     <div
-      class="undefined sidebar-active-status"
+      class="sidebarNav sidebar-active-status"
     >
       <div
         class="SidebarItem"

src/behaviours/cluster/order-of-sidebar-items.test.tsx

@@ -3,8 +3,10 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { fireEvent, RenderResult } from "@testing-library/react";
+import type { RenderResult } from "@testing-library/react";
-import { SidebarItemRegistration, sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
+import { fireEvent } from "@testing-library/react";
+import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
 import { computed } from "mobx";
 import { get, includes, noop } from "lodash/fp";
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";

src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx

@@ -2,17 +2,21 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { DiContainer, getInjectable } from "@ogre-tools/injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
 import React from "react";
-import { fireEvent, RenderResult } from "@testing-library/react";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
 import directoryForLensLocalStorageInjectable from "../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
 import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
-import { SidebarItemRegistration, sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
+import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
 import { computed } from "mobx";
 import { noop } from "lodash/fp";
 import routeIsActiveInjectable from "../../renderer/routes/route-is-active.injectable";
 import { routeInjectionToken } from "../../common/front-end-routing/route-injection-token";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import writeJsonFileInjectable from "../../common/fs/write-json-file.injectable";
 import pathExistsInjectable from "../../common/fs/path-exists.injectable";
 import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";

src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import React from "react";
-import { fireEvent, RenderResult } from "@testing-library/react";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
 import { getRendererExtensionFake } from "../../renderer/components/test-utils/get-renderer-extension-fake";
 import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
 import directoryForLensLocalStorageInjectable from "../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";

src/behaviours/cluster/visibility-of-sidebar-items.test.tsx

@@ -4,7 +4,8 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import type { RenderResult } from "@testing-library/react";
-import { SidebarItemRegistration, sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
+import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
 import { computed } from "mobx";
 import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
 import React from "react";

src/behaviours/extension-special-characters-in-page-registrations.test.tsx

@@ -2,12 +2,14 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { getRendererExtensionFake, TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
+import type { TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
+import { getRendererExtensionFake } from "../renderer/components/test-utils/get-renderer-extension-fake";
 import React from "react";
 import type { RenderResult } from "@testing-library/react";
 import currentPathInjectable from "../renderer/routes/current-path.injectable";
 import type { LensRendererExtension } from "../extensions/lens-renderer-extension";
-import { ApplicationBuilder, getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
 
 describe("extension special characters in page registrations", () => {
   let applicationBuilder: ApplicationBuilder;

src/behaviours/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap

@@ -20,7 +20,7 @@ exports[`extensions - navigation using application menu when navigating to exten
             Extensions
           </h1>
           <div
-            class="mb-14 mt-3"
+            class="notice mb-14 mt-3"
           >
             <p>
               Add new features via Lens Extensions.
@@ -96,10 +96,11 @@ exports[`extensions - navigation using application menu when navigating to exten
           <div>
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -111,6 +112,7 @@ exports[`extensions - navigation using application menu when navigating to exten
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/extensions/navigation-using-application-menu.test.ts

@@ -4,7 +4,8 @@
  */
 
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import isAutoUpdateEnabledInjectable from "../../main/is-auto-update-enabled.injectable";
 import extensionsStoreInjectable from "../../extensions/extensions-store/extensions-store.injectable";
 import type { ExtensionsStore } from "../../extensions/extensions-store/extensions-store";

src/behaviours/navigate-to-extension-page.test.tsx

@@ -2,9 +2,11 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { getRendererExtensionFake, TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
+import type { TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
+import { getRendererExtensionFake } from "../renderer/components/test-utils/get-renderer-extension-fake";
 import React from "react";
-import { fireEvent, RenderResult } from "@testing-library/react";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
 import isEmpty from "lodash/isEmpty";
 import queryParametersInjectable from "../renderer/routes/query-parameters.injectable";
 import currentPathInjectable from "../renderer/routes/current-path.injectable";

src/behaviours/navigating-between-routes.test.tsx

@@ -2,13 +2,15 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { DiContainer, getInjectable } from "@ogre-tools/injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
 import React from "react";
 import { computed } from "mobx";
 import type { RenderResult } from "@testing-library/react";
 import { routeSpecificComponentInjectionToken } from "../renderer/routes/route-specific-component-injection-token";
 import { observer } from "mobx-react";
-import { Route, routeInjectionToken } from "../common/front-end-routing/route-injection-token";
+import type { Route } from "../common/front-end-routing/route-injection-token";
+import { routeInjectionToken } from "../common/front-end-routing/route-injection-token";
 import type { ApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
 import currentRouteInjectable from "../renderer/routes/current-route.injectable";

src/behaviours/preferences/__snapshots__/closing-preferences.test.tsx.snap

@@ -306,7 +306,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -481,10 +481,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -496,6 +497,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -621,10 +623,11 @@ exports[`preferences - closing-preferences given accessing preferences directly
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -636,6 +639,7 @@ exports[`preferences - closing-preferences given accessing preferences directly
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -969,7 +973,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -1144,10 +1148,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1159,6 +1164,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1284,10 +1290,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1299,6 +1306,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1424,10 +1432,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1439,6 +1448,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1564,10 +1574,11 @@ exports[`preferences - closing-preferences given already in a page and then navi
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1579,6 +1590,7 @@ exports[`preferences - closing-preferences given already in a page and then navi
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap

@@ -142,7 +142,7 @@ exports[`preferences - navigation to application preferences given in some child
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Allow untrusted Certificate Authorities
@@ -174,10 +174,11 @@ exports[`preferences - navigation to application preferences given in some child
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -189,6 +190,7 @@ exports[`preferences - navigation to application preferences given in some child
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -494,7 +496,7 @@ exports[`preferences - navigation to application preferences given in some child
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -669,10 +671,11 @@ exports[`preferences - navigation to application preferences given in some child
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -684,6 +687,7 @@ exports[`preferences - navigation to application preferences given in some child
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap

@@ -294,7 +294,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -469,10 +469,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -484,6 +485,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -607,7 +609,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
                 class="flex gaps align-center"
               >
                 <label
-                  class=""
+                  class="Switch"
                   data-testid="switch"
                 >
                   Show minimap
@@ -859,10 +861,11 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -874,6 +877,7 @@ exports[`preferences - navigation to editor preferences given in preferences, wh
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap

@@ -294,7 +294,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -469,10 +469,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -484,6 +485,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -801,7 +803,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -976,10 +978,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -991,6 +994,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1148,10 +1152,11 @@ exports[`preferences - navigation to extension specific preferences given in pre
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1163,6 +1168,7 @@ exports[`preferences - navigation to extension specific preferences given in pre
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap

@@ -294,7 +294,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -469,10 +469,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -484,6 +485,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -604,7 +606,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                  
               </div>
               <label
-                class=""
+                class="Switch"
                 data-testid="switch"
               >
                 Download kubectl binaries matching the Kubernetes cluster version
@@ -772,7 +774,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                
             </div>
             <div
-              class="mt-3"
+              class="notice mt-3"
             >
               <div
                 class="flex-grow text-center"
@@ -864,9 +866,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
                   Add Custom Helm Repo
                 </button>
               </div>
-              <div>
               <div
-                  class=""
+                class="repos"
+              >
+                <div
+                  class="notice"
                 >
                   <div
                     class="flex-grow text-center"
@@ -890,10 +894,11 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -905,6 +910,7 @@ exports[`preferences - navigation to kubernetes preferences given in preferences
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap

@@ -294,7 +294,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -469,10 +469,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -484,6 +485,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -637,7 +639,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Allow untrusted Certificate Authorities
@@ -669,10 +671,11 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -684,6 +687,7 @@ exports[`preferences - navigation to proxy preferences given in preferences, whe
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap

@@ -160,10 +160,11 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -175,6 +176,7 @@ exports[`preferences - navigation to telemetry preferences given URL for Sentry
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -480,7 +482,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -655,10 +657,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -670,6 +673,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -987,7 +991,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -1162,10 +1166,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1177,6 +1182,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1336,10 +1342,11 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1351,6 +1358,7 @@ exports[`preferences - navigation to telemetry preferences given in preferences,
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -1473,10 +1481,11 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -1488,6 +1497,7 @@ exports[`preferences - navigation to telemetry preferences given no URL for Sent
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap

@@ -294,7 +294,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -469,10 +469,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -484,6 +485,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>
@@ -627,7 +629,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Copy on select and paste on right-click
@@ -778,10 +780,11 @@ exports[`preferences - navigation to terminal preferences given in preferences,
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -793,6 +796,7 @@ exports[`preferences - navigation to terminal preferences given in preferences,
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap

@@ -296,7 +296,7 @@ exports[`preferences - navigation using application menu when navigating to pref
                
             </div>
             <label
-              class=""
+              class="Switch"
               data-testid="switch"
             >
               Automatically start Lens on login
@@ -471,10 +471,11 @@ exports[`preferences - navigation using application menu when navigating to pref
           >
             <div
               aria-label="Close"
+              class="closeButton"
               role="button"
             >
               <i
-                class="Icon material focusable"
+                class="Icon icon material focusable"
               >
                 <span
                   class="icon"
@@ -486,6 +487,7 @@ exports[`preferences - navigation using application menu when navigating to pref
             </div>
             <div
               aria-hidden="true"
+              class="esc"
             >
               ESC
             </div>

src/behaviours/preferences/closing-preferences.test.tsx

@@ -2,9 +2,11 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { DiContainer, getInjectable } from "@ogre-tools/injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import currentPathInjectable from "../../renderer/routes/current-path.injectable";
 import { routeInjectionToken } from "../../common/front-end-routing/route-injection-token";
 import { computed } from "mobx";

src/behaviours/preferences/navigation-to-application-preferences.test.ts

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-to-editor-preferences.test.ts

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-to-extension-specific-preferences.test.tsx

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-to-kubernetes-preferences.test.ts

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-to-proxy-preferences.test.ts

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-to-telemetry-preferences.test.tsx

@@ -4,7 +4,8 @@
  */
 import type { RenderResult } from "@testing-library/react";
 import React from "react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getRendererExtensionFake } from "../../renderer/components/test-utils/get-renderer-extension-fake";
 import type { UserStore } from "../../common/user-store";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";

src/behaviours/preferences/navigation-to-terminal-preferences.test.ts

@@ -3,7 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";
 import type { UserStore } from "../../common/user-store";
 import themeStoreInjectable from "../../renderer/theme-store.injectable";

src/behaviours/preferences/navigation-using-application-menu.test.ts

@@ -4,10 +4,8 @@
  */
 
 import type { RenderResult } from "@testing-library/react";
-import {
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-  ApplicationBuilder,
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-  getApplicationBuilder,
-} from "../../renderer/components/test-utils/get-application-builder";
 import isAutoUpdateEnabledInjectable from "../../main/is-auto-update-enabled.injectable";
 import type { UserStore } from "../../common/user-store";
 import userStoreInjectable from "../../common/user-store/user-store.injectable";

src/behaviours/welcome/navigation-using-application-menu.test.ts

@@ -4,7 +4,8 @@
  */
 
 import type { RenderResult } from "@testing-library/react";
-import { ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import isAutoUpdateEnabledInjectable from "../../main/is-auto-update-enabled.injectable";
 
 describe("welcome - navigation using application menu", () => {