add waitFor to modal.test

Khagou · Mar 23, 2024 · cc6c53e · cc6c53e
1 parent 2ffceef
commit cc6c53e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/__tests__/Modal.test.js b/client/__tests__/Modal.test.js
@@ -3,6 +3,7 @@ import {
   render,
   fireEvent,
   waitForElementToBeRemoved,
+  waitFor
 } from "@testing-library/react";
 import PortfolioContent from "../src/components/Portfolio/PortfolioContent.js";
 import fetchMock from "jest-fetch-mock";
@@ -40,15 +41,15 @@ afterEach(() => {
 
 test("should open the modal when an image is clicked", async () => {
   const { findByAltText, findByTestId } = render(<PortfolioContent />);
-  const image = await findByAltText("adposeAccueil");
+  const image = await waitFor(() => findByAltText("adposeAccueil"));
   const modal = await findByTestId("portfolio");
   fireEvent.click(image);
   expect(modal).toBeInTheDocument();
 });
 
 test("should close the modal when the close button is clicked", async () => {
   const { findByAltText, findByTestId } = render(<PortfolioContent />);
-  const image = await findByAltText("adposeAccueil");
+  const image = await waitFor(() => findByAltText("adposeAccueil"));
   fireEvent.click(image);
 
   const closeButton = await findByTestId("closeButton");