From d598ee5c3787ffe051eeb79f773fe772bbe4364d Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 28 Nov 2022 10:46:55 +0300
Subject: [PATCH] Fix download-logs tests

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../__snapshots__/download-logs.test.tsx.snap | 86 ++++++++++++++-----
 src/features/pod-logs/download-logs.test.tsx  | 11 +++
 2 files changed, 76 insertions(+), 21 deletions(-)

diff --git a/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap b/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
index 442d92dbe9..58bcc2277b 100644
--- a/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
+++ b/src/features/pod-logs/__snapshots__/download-logs.test.tsx.snap
@@ -746,31 +746,35 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 </div>
               </div>
               <div
-                class="LogList flex"
+                class="LogList"
               >
                 <div
-                  class="VirtualList box grow"
+                  class="virtualizer"
+                  style="height: 38px;"
                 >
-                  <div>
-                    <div
-                      class="list"
-                      style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
-                    >
+                  <div
+                    class="anchorLine"
+                    style="top: 0px;"
+                  />
+                  <div
+                    class="rowWrapper"
+                    style="transform: translateY(0px);"
+                  >
+                    <div>
                       <div
-                        style="height: 18px; width: 100%;"
+                        class="LogRow"
                       >
-                        <div
-                          class="LogRow"
-                          style="position: absolute; left: 0px; top: 0px; height: 18px; width: 100%;"
-                        >
-                          <span>
-                            some-logs
-                          </span>
-                          <br />
-                        </div>
+                        <span>
+                          some-logs
+                        </span>
+                        <br />
                       </div>
                     </div>
                   </div>
+                  <div
+                    class="anchorLine"
+                    style="bottom: 0px;"
+                  />
                 </div>
               </div>
               <div
@@ -789,6 +793,21 @@ exports[`download logs options in logs dock tab opening pod logs when logs avail
                 <div
                   class="flex gaps align-center"
                 >
+                  <label
+                    class="Checkbox flex align-center wrap-logs"
+                  >
+                    <input
+                      type="checkbox"
+                    />
+                    <i
+                      class="box flex align-center"
+                    />
+                    <span
+                      class="label"
+                    >
+                      Wrap logs
+                    </span>
+                  </label>
                   <label
                     class="Checkbox flex align-center show-timestamps"
                   >
@@ -1599,11 +1618,21 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 </div>
               </div>
               <div
-                class="LogList flex box grow align-center justify-center"
+                class="LogList"
               >
-                There are no logs available for container
-                 
-                docker-exporter
+                <div
+                  class="virtualizer"
+                  style="height: 0px;"
+                >
+                  <div
+                    class="anchorLine"
+                    style="top: 0px;"
+                  />
+                  <div
+                    class="anchorLine"
+                    style="bottom: 0px;"
+                  />
+                </div>
               </div>
               <div
                 class="controls"
@@ -1613,6 +1642,21 @@ exports[`download logs options in logs dock tab opening pod logs when logs not a
                 <div
                   class="flex gaps align-center"
                 >
+                  <label
+                    class="Checkbox flex align-center wrap-logs"
+                  >
+                    <input
+                      type="checkbox"
+                    />
+                    <i
+                      class="box flex align-center"
+                    />
+                    <span
+                      class="label"
+                    >
+                      Wrap logs
+                    </span>
+                  </label>
                   <label
                     class="Checkbox flex align-center show-timestamps"
                   >
diff --git a/src/features/pod-logs/download-logs.test.tsx b/src/features/pod-logs/download-logs.test.tsx
index 30d2d72128..f02af94261 100644
--- a/src/features/pod-logs/download-logs.test.tsx
+++ b/src/features/pod-logs/download-logs.test.tsx
@@ -29,6 +29,17 @@ import showErrorNotificationInjectable from "../../renderer/components/notificat
 import type { DiContainer } from "@ogre-tools/injectable";
 import type { Container } from "../../common/k8s-api/endpoints";
 
+const observe = jest.fn();
+
+Object.defineProperty(window, "IntersectionObserver", {
+  writable: true,
+  value: jest.fn().mockImplementation(() => ({
+    observe,
+    disconnect: jest.fn(),
+    unobserve: jest.fn(),
+  })),
+});
+
 describe("download logs options in logs dock tab", () => {
   let windowDi: DiContainer;
   let rendered: RenderResult;