From 78e398ecd89833c23d8be942bd16d03c391698b2 Mon Sep 17 00:00:00 2001
From: Eddi3_As <AQ43820@etsmtl.net>
Date: Sat, 22 Mar 2025 03:49:28 -0400
Subject: [PATCH] ajout test ImageGalleryModal

---
 .../ImageGallery/ImageGalleryModal.test.tsx   | 44 +++++++++++++++++++
 .../ImageGalleryModal/ImageGalleryModal.tsx   |  3 +-
 2 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 client/src/__tests__/components/ImageGallery/ImageGalleryModal.test.tsx

diff --git a/client/src/__tests__/components/ImageGallery/ImageGalleryModal.test.tsx b/client/src/__tests__/components/ImageGallery/ImageGalleryModal.test.tsx
new file mode 100644
index 0000000..f5a65a6
--- /dev/null
+++ b/client/src/__tests__/components/ImageGallery/ImageGalleryModal.test.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import ImageGalleryModal from "../../../components/ImageGallery/ImageGalleryModal/ImageGalleryModal";
+import "@testing-library/jest-dom";
+
+jest.mock("../../../components/ImageGallery/ImageGallery", () => ({
+  __esModule: true,
+  default: jest.fn(() => <div data-testid="image-gallery" />),
+}));
+
+describe("ImageGalleryModal", () => {
+
+  it("renders button correctly", () => {
+    render(<ImageGalleryModal />);
+
+    const button = screen.getByLabelText(/images-open/i);
+    expect(button).toBeInTheDocument();
+  });
+
+  it("opens the modal when button is clicked", () => {
+    render(<ImageGalleryModal />);
+    
+    const button = screen.getByRole("button", { name: /images/i });
+    fireEvent.click(button);
+
+    const dialog = screen.getByRole("dialog");
+    expect(dialog).toBeInTheDocument();
+  });
+
+
+  it("closes the modal when close button is clicked", async () => {
+    render(<ImageGalleryModal />);
+    
+    fireEvent.click(screen.getByRole("button", { name: /images/i }));
+    
+    const closeButton = screen.getByRole("button", { name: /close/i });
+    fireEvent.click(closeButton);
+    
+    await waitFor(() => {
+        expect(screen.queryByRole("dialog")).not.toBeInTheDocument();
+    });
+  });
+
+});
diff --git a/client/src/components/ImageGallery/ImageGalleryModal/ImageGalleryModal.tsx b/client/src/components/ImageGallery/ImageGalleryModal/ImageGalleryModal.tsx
index 7ea2404..f960352 100644
--- a/client/src/components/ImageGallery/ImageGalleryModal/ImageGalleryModal.tsx
+++ b/client/src/components/ImageGallery/ImageGalleryModal/ImageGalleryModal.tsx
@@ -25,7 +25,7 @@ const ImageGalleryModal: React.FC<ImageGalleryModalProps> = ({ handleCopy }) =>
     <>
       <Button
         variant="outlined"
-        aria-label='Téléverser'
+        aria-label='images-open'
         onClick={() => handleOpen()}>
         Images <ImageSearch /> 
       </Button>    
@@ -34,6 +34,7 @@ const ImageGalleryModal: React.FC<ImageGalleryModalProps> = ({ handleCopy }) =>
           <IconButton
             onClick={handleClose}
             color="primary"
+            aria-label="close"
             sx={{
               position: "absolute",
               right: 8,