test: add image details base unit test

Refs: IS-10

tests/components/ImageDetailModal.spec.tsx

@@ -0,0 +1,35 @@
+import { render, screen } from "@testing-library/react";
+import React from "react";
+import ImageDetailModal from "../../src/components/ImageDetailModal";
+import { Image } from "../../src/model/image";
+import { expect } from "@jest/globals";
+
+//mock bigger-picture
+jest.mock("bigger-picture", () => {
+  return () => {
+    return {
+      open: () => {},
+      close: () => {}
+    }
+  };
+});
+
+describe("ImageDetailModal", () => {
+  it("should render", () => {
+    // Given
+    const image: Image = {
+      src: "/test.png",
+      alt: "alt",
+      width: 100,
+      height: 100,
+      id: "1"
+    };
+
+    // When
+    render(<ImageDetailModal image={image} onClose={() => {}} />);
+
+    // Then
+    const imageTitleLabel = screen.getByText(image.alt);
+    expect(imageTitleLabel).toBeInTheDocument();
+  });
+});

tests/components/gallery/ImageTile.spec.tsx

@@ -10,11 +10,12 @@ describe("ImageTile", () => {
       src: "/test.png",
       alt: "alt",
       width: 100,
-      height: 100
+      height: 100,
+      id: "1"
     };
 
     // When
-    render(<ImageTile image={image} />);
+    render(<ImageTile image={image} onClick={() => {}} />);
 
     // Then
     const imageElement = screen.getByRole("img");