add extra tests

qdraw · Nov 6, 2023 · e4bc88d · e4bc88d
1 parent 3a40ffa
commit e4bc88d
Show file tree

Hide file tree

Showing 2 changed files with 149 additions and 2 deletions.
diff --git a/...lientapp/src/components/molecules/archive-sidebar/archive-sidebar-selection-list.spec.tsx b/...lientapp/src/components/molecules/archive-sidebar/archive-sidebar-selection-list.spec.tsx
@@ -1,4 +1,10 @@
-import { act, render, screen } from "@testing-library/react";
+import {
+  act,
+  createEvent,
+  fireEvent,
+  render,
+  screen
+} from "@testing-library/react";
 import {
   IFileIndexItem,
   newIFileIndexItemArray
@@ -64,6 +70,58 @@ describe("archive-sidebar-selection-list", () => {
       component.unmount();
     });
 
+    it("toggleSelection keyboard keyDown it hits", () => {
+      const component = render(
+        <ArchiveSidebarSelectionList fileIndexItems={items} />
+      );
+
+      const spy = jest.spyOn(URLPath.prototype, "toggleSelection");
+
+      const selectionList = screen.queryByTestId(
+        "sidebar-selection-list"
+      ) as HTMLElement;
+      const element = selectionList.children[0].querySelector(
+        ".close"
+      ) as HTMLElement;
+
+      act(() => {
+        const inputEvent = createEvent.keyDown(element, { key: "Enter" });
+        fireEvent(element, inputEvent);
+      });
+
+      expect(spy).toBeCalledTimes(1);
+
+      spy.mockClear();
+
+      component.unmount();
+    });
+
+    it("toggleSelection keyboard keyDown it ignores", () => {
+      const component = render(
+        <ArchiveSidebarSelectionList fileIndexItems={items} />
+      );
+
+      const spy = jest.spyOn(URLPath.prototype, "toggleSelection");
+
+      const selectionList = screen.queryByTestId(
+        "sidebar-selection-list"
+      ) as HTMLElement;
+      const element = selectionList.children[0].querySelector(
+        ".close"
+      ) as HTMLElement;
+
+      act(() => {
+        const inputEvent = createEvent.keyDown(element, { key: "Tab" });
+        fireEvent(element, inputEvent);
+      });
+
+      expect(spy).toBeCalledTimes(0);
+
+      spy.mockClear();
+
+      component.unmount();
+    });
+
     it("allSelection", () => {
       const component = render(
         <ArchiveSidebarSelectionList fileIndexItems={items} />

diff --git a/...sky/starsky/clientapp/src/components/organisms/detail-view-media/detail-view-mp4.spec.tsx b/...sky/starsky/clientapp/src/components/organisms/detail-view-media/detail-view-mp4.spec.tsx
@@ -1,4 +1,10 @@
-import { act, fireEvent, render, screen } from "@testing-library/react";
+import {
+  act,
+  createEvent,
+  fireEvent,
+  render,
+  screen
+} from "@testing-library/react";
 import React from "react";
 import { Root, createRoot } from "react-dom/client";
 import { IDetailView } from "../../../interfaces/IDetailView";
@@ -36,6 +42,40 @@ describe("DetailViewMp4", () => {
       component.unmount();
     });
 
+    it("keyDown Tab ignore", () => {
+      const component = render(<DetailViewMp4></DetailViewMp4>);
+
+      const playSpy = jest
+        .spyOn(HTMLMediaElement.prototype, "play")
+        .mockReset()
+        .mockImplementationOnce(() => Promise.resolve());
+
+      const figure = screen.queryByTestId("video") as HTMLElement;
+      const inputEvent = createEvent.keyDown(figure, { key: "Tab" });
+      fireEvent(figure, inputEvent);
+
+      expect(playSpy).toBeCalledTimes(0);
+
+      component.unmount();
+    });
+
+    it("keyDown Enter video resolve", () => {
+      const component = render(<DetailViewMp4></DetailViewMp4>);
+
+      const playSpy = jest
+        .spyOn(HTMLMediaElement.prototype, "play")
+        .mockReset()
+        .mockImplementationOnce(() => Promise.resolve());
+
+      const figure = screen.queryByTestId("video") as HTMLElement;
+      const inputEvent = createEvent.keyDown(figure, { key: "Enter" });
+      fireEvent(figure, inputEvent);
+
+      expect(playSpy).toBeCalledTimes(1);
+
+      component.unmount();
+    });
+
     it("click to play video rejected", async () => {
       const component = render(<DetailViewMp4></DetailViewMp4>);
 
@@ -56,6 +96,7 @@ describe("DetailViewMp4", () => {
         await component.unmount();
       });
     });
+
     it("click to play video and timeupdate", () => {
       const component = render(<DetailViewMp4></DetailViewMp4>);
 
@@ -79,6 +120,54 @@ describe("DetailViewMp4", () => {
       component.unmount();
     });
 
+    it("keyDown Enter to play video and timeupdate", () => {
+      const component = render(<DetailViewMp4></DetailViewMp4>);
+
+      const playSpy = jest
+        .spyOn(HTMLMediaElement.prototype, "play")
+        .mockReset()
+        .mockImplementationOnce(() => {
+          return Promise.resolve();
+        });
+
+      expect(screen.queryByTestId("video-time")?.textContent).toBe("");
+
+      const figure = screen.queryByTestId("video") as HTMLElement;
+      const inputEvent = createEvent.keyDown(figure, { key: "Enter" });
+      fireEvent(figure, inputEvent);
+
+      expect(screen.queryByTestId("video-time")?.textContent).toBe(
+        "0:00 / 0:00"
+      );
+
+      expect(playSpy).toBeCalled();
+
+      component.unmount();
+    });
+
+    it("keyDown Tab ignored", () => {
+      const component = render(<DetailViewMp4></DetailViewMp4>);
+
+      const playSpy = jest
+        .spyOn(HTMLMediaElement.prototype, "play")
+        .mockReset()
+        .mockImplementationOnce(() => {
+          return Promise.resolve();
+        });
+
+      expect(screen.queryByTestId("video-time")?.textContent).toBe("");
+
+      const figure = screen.queryByTestId("video") as HTMLElement;
+      const inputEvent = createEvent.keyDown(figure, { key: "Tab" });
+      fireEvent(figure, inputEvent);
+
+      expect(screen.queryByTestId("video-time")?.textContent).toBe("");
+
+      expect(playSpy).toBeCalledTimes(0);
+
+      component.unmount();
+    });
+
     it("progress DOM", (done) => {
       const component = document.createElement("div");
       document.body.appendChild(component); // Append the component to the body