From 34713974eda83c44123972d40555efbef5e36e05 Mon Sep 17 00:00:00 2001
From: Sebastian Malton <sebastian@malton.name>
Date: Tue, 10 Jan 2023 11:51:15 -0500
Subject: [PATCH] Fix edit-namespace-from-new-tab tests - Get proper syncing of
 allowed resource to happen

Signed-off-by: Sebastian Malton <sebastian@malton.name>
---
 .../edit-namespace-from-new-tab.test.tsx.snap | 1332 +++++++++++++++--
 .../test-utils/application-builder.tsx        |   92 +-
 .../components/item-object-list/content.tsx   |    3 +-
 3 files changed, 1263 insertions(+), 164 deletions(-)

diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
index bb96520568..e6f210f033 100644
--- a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -19,7 +19,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -356,7 +356,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -519,12 +519,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -705,7 +772,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -717,7 +784,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -1054,7 +1121,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -1217,12 +1284,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -1408,7 +1542,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -1420,7 +1554,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -1757,7 +1891,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -1920,12 +2054,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -2180,7 +2381,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -2192,7 +2393,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -2529,7 +2730,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -2692,12 +2893,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -2930,7 +3198,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -2942,7 +3210,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -3279,7 +3547,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -3442,12 +3710,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -3752,7 +4087,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -3764,7 +4099,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -4101,7 +4436,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -4264,12 +4599,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -4576,7 +4978,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -4588,7 +4990,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -4925,7 +5327,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -5088,12 +5490,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -5362,7 +5831,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -5374,7 +5843,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -5711,7 +6180,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -5874,12 +6343,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -6086,7 +6622,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="Spinner singleColor"
                     data-testid="saving-edit-resource-from-tab-for-some-first-tab-id"
                   />
-
+                   
                   Applying...
                 </div>
                 <button
@@ -6143,7 +6679,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -6155,7 +6691,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -6492,7 +7028,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -6655,12 +7191,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -6915,7 +7518,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -6927,7 +7530,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -7264,7 +7867,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -7427,12 +8030,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -7687,7 +8357,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -7699,7 +8369,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -8036,7 +8706,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -8199,12 +8869,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -8459,7 +9196,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -8471,7 +9208,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -8808,7 +9545,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -8971,12 +9708,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -9066,7 +9870,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -9078,7 +9882,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -9415,7 +10219,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -9578,12 +10382,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -9790,7 +10661,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     class="Spinner singleColor"
                     data-testid="saving-edit-resource-from-tab-for-some-first-tab-id"
                   />
-
+                   
                   Applying...
                 </div>
                 <button
@@ -9847,7 +10718,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -9859,7 +10730,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -10196,7 +11067,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -10359,12 +11230,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -10454,7 +11392,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -10466,7 +11404,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -10803,7 +11741,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -10966,12 +11904,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -11061,7 +12066,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
       id="terminal-init"
     />
     <div
-      class="Animate slide-right Drawer KubeObjectDetails flex column right enter leave"
+      class="Animate slide-right Drawer KubeObjectDetails flex column right leave"
       style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
     >
       <div
@@ -11073,7 +12078,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
           <div
             class="drawer-title-text flex gaps align-center"
           >
-
+            
           </div>
           <i
             class="Icon material interactive focusable"
@@ -11410,7 +12415,7 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                 <div
                   class="info-panel box grow"
                 >
-                  0 items
+                  1 item
                 </div>
                 <div
                   class="Input SearchInput"
@@ -11573,12 +12578,79 @@ exports[`cluster/namespaces - edit namespace from new tab when navigating to nam
                     </div>
                   </div>
                   <div
-                    class="NoItems flex box grow"
+                    class="VirtualList KubeObjectListLayout Namespaces box grow dark"
                   >
-                    <div
-                      class="box center"
-                    >
-                      Item list is empty
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 33px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                            >
+                              <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"
+                              >
+                                default
+                              </div>
+                              <div
+                                class="TableCell warning"
+                              />
+                              <div
+                                class="TableCell labels scrollable"
+                              />
+                              <div
+                                class="TableCell age"
+                              >
+                                &lt;unknown&gt;
+                              </div>
+                              <div
+                                class="TableCell - status"
+                              >
+                                -
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-kube-object-menu-for-namespace-default"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
diff --git a/src/features/test-utils/application-builder.tsx b/src/features/test-utils/application-builder.tsx
index 14efbc6d3c..cde01aef7d 100644
--- a/src/features/test-utils/application-builder.tsx
+++ b/src/features/test-utils/application-builder.tsx
@@ -46,7 +46,6 @@ import { ClusterFrame } from "../../renderer/frames/cluster-frame/cluster-frame"
 import hostedClusterIdInjectable from "../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
 import namespaceStoreInjectable from "../../renderer/components/+namespaces/store.injectable";
 import createApplicationWindowInjectable from "../../main/start-main-application/lens-window/application-window/create-application-window.injectable";
-import type { CreateElectronWindow } from "../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
 import createElectronWindowInjectable from "../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
 import { applicationWindowInjectionToken } from "../../main/start-main-application/lens-window/application-window/application-window-injection-token";
 import closeAllWindowsInjectable from "../../main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable";
@@ -210,6 +209,57 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
     }
 
     let environment = environments.application;
+    let trayMenuIconPath: string;
+    const traySetMenuItemsMock = jest.fn<any, [MinimalTrayMenuItem[]]>();
+    let applicationHasStarted = false;
+    const namespaces = observable.set<string>();
+    const namespaceItems = observable.array<Namespace>();
+    const selectedNamespaces = observable.set<string>();
+    const clusters = observable.map<ClusterId, Cluster>();
+    const clusterId = "some-cluster-id";
+    const clusterKubeconfigPath = "/kube-config-path-for-some-cluster-id";
+    const clusterEntity = new KubernetesCluster({
+      metadata: {
+        labels: {},
+        name: "some-context-name",
+        uid: clusterId,
+      },
+      spec: {
+        kubeconfigContext: "some-context-name",
+        kubeconfigPath: clusterKubeconfigPath,
+      },
+      status: {
+        phase: LensKubernetesClusterStatus.DISCONNECTED,
+      },
+    });
+
+    // Set up kubeconfig path for cluster
+    {
+      const { writeJsonSync } = mainDi.inject(fsInjectable);
+
+      writeJsonSync(clusterKubeconfigPath, {
+        apiVersion: "v1",
+        clusters: [{
+          cluster: {
+            server: "https://localhost:8979",
+          },
+          name: "some-cluster-name",
+        }],
+        contexts: [{
+          context: {
+            cluster: "some-cluster-name",
+            user: "some-user-name",
+          },
+          name: "some-context-name",
+        }],
+        "current-context": "some-context-name",
+        kind: "Config",
+        preferences: {},
+        users: [{
+          name: "some-user-name",
+        }],
+      });
+    }
 
     mainDi.override(mainExtensionsInjectable, (di) => {
       const mainExtensionsState = di.inject(mainExtensionsStateInjectable);
@@ -219,10 +269,6 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
       );
     });
 
-    let trayMenuIconPath: string;
-
-    const traySetMenuItemsMock = jest.fn<any, [MinimalTrayMenuItem[]]>();
-
     mainDi.override(electronTrayInjectable, () => ({
       start: () => {},
       stop: () => {},
@@ -235,7 +281,7 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
     const allowedResourcesState = observable.set<string>();
     const windowHelpers = new Map<string, { di: DiContainer; getRendered: () => RenderResult }>();
 
-    const createElectronWindowFake: CreateElectronWindow = (configuration) => {
+    mainDi.override(createElectronWindowInjectable, () => (configuration) => {
       const windowId = configuration.id;
       const windowDi = getRendererDi({ doGeneralOverrides: true });
       let rendered: RenderResult;
@@ -306,31 +352,8 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
           throw new Error("Tried to reload application window which is not implemented yet.");
         },
       };
-    };
-
-    mainDi.override(createElectronWindowInjectable, () => createElectronWindowFake);
-
-    let applicationHasStarted = false;
-
-    const namespaces = observable.set<string>();
-    const namespaceItems = observable.array<Namespace>();
-    const selectedNamespaces = observable.set<string>();
-    const clusters = observable.map<ClusterId, Cluster>();
-    const clusterId = "some-cluster-id";
-    const clusterEntity = new KubernetesCluster({
-      metadata: {
-        labels: {},
-        name: "some-context-name",
-        uid: clusterId,
-      },
-      spec: {
-        kubeconfigContext: "some-context-name",
-        kubeconfigPath: "/some-kube-config-path",
-      },
-      status: {
-        phase: LensKubernetesClusterStatus.DISCONNECTED,
-      },
     });
+
     const startMainApplication = mainDi.inject(startMainApplicationInjectable);
 
     const startApplication = async ({ shouldStartHidden }: { shouldStartHidden: boolean }) => {
@@ -387,7 +410,7 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
             const cluster = createCluster({
               contextName: "some-context-name",
               id: clusterId,
-              kubeConfigPath: "/some-kube-config-path",
+              kubeConfigPath: clusterKubeconfigPath,
             }, {
               clusterServerUrl: "https://some-url.com:8797",
             });
@@ -610,11 +633,16 @@ export const setupInitializingApplicationBuilder = (init: (builder: ApplicationB
             selectSingle: () => {},
             getByPath: () => undefined,
             pickOnlySelected: () => [],
+            isSelected: () => false,
             isSelectedAll: () => false,
             getTotalCount: () => namespaceItems.length,
           } as Partial<NamespaceStore> as NamespaceStore));
 
-          await clusters.get(clusterId)?.activate();
+          const cluster = clusters.get(clusterId);
+
+          assert(cluster, "When in cluster frame, cluster must exist");
+
+          await cluster.activate();
         });
 
         builder.afterWindowStart(windowDi => {
diff --git a/src/renderer/components/item-object-list/content.tsx b/src/renderer/components/item-object-list/content.tsx
index e338f74514..ea0f0d5014 100644
--- a/src/renderer/components/item-object-list/content.tsx
+++ b/src/renderer/components/item-object-list/content.tsx
@@ -103,7 +103,6 @@ class NonInjectedItemListLayoutContent<
       store, hasDetailsView, onDetails,
       copyClassNameFromHeadCells, customizeTableRowProps = () => ({}), detailsItem,
     } = this.props;
-    const { isSelected } = store;
 
     return (
       <TableRow
@@ -117,7 +116,7 @@ class NonInjectedItemListLayoutContent<
         {isSelectable && (
           <TableCell
             checkbox
-            isChecked={isSelected(item)}
+            isChecked={store.isSelected(item)}
             onClick={prevDefault(() => store.toggleSelection(item))}
           />
         )}