Merge pull request #6 from znsio/fixed_timeout_issue

Fixed errors and warnings while running tests

Author: joelrosario

.gitignore

@@ -22,4 +22,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-.specmatic
+.specmatic
+.idea

package-lock.json

@@ -51,7 +51,7 @@
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.39",
     "specmatic": "^2.11.3",
-    "specmatic-commercial": "github:znsio/specmatic-node-commercial#7a4204131ed99647295f89ee562d1414c62ff401",
+    "specmatic-commercial": "github:znsio/specmatic-node-commercial#f43d6a2f5140c04fbb49c312e17d217aa4e5dce7",
     "tailwindcss": "^3.4.3"
   }
 }

package.json

@@ -16,6 +16,8 @@ beforeAll(async () => {
   stub = await startGraphQlStub("127.0.0.1", 8080);
 }, 20000);
 
+jest.setTimeout(10000);
+
 jest.mock("react-toastify", () => ({
   toast: {
     success: jest.fn(),
@@ -27,6 +29,8 @@ jest.mock("react-toastify", () => ({
 
 describe("App component tests", () => {
   test("should create product with given form fields", async () => {
+    const ALLOWED_WAIT_TIME_FOR_RESPONSE = 7000;
+
     await React.act(async () => {
       // Use act from @testing-library/react
       render(
@@ -47,7 +51,7 @@ describe("App component tests", () => {
     // Wait for the mutation to be called
     await waitFor(() => {
       expect(toast.success).toHaveBeenCalledWith("Product added successfully");
-    });
+    }, { timeout: ALLOWED_WAIT_TIME_FOR_RESPONSE });
 
     // Optionally, check if the form is cleared
     expect(screen.getByTestId("name").value).toBe("");
@@ -119,4 +123,4 @@ describe("App component tests", () => {
 
 afterAll(async () => {
   await stopGraphQlStub(stub);
-}, 5000);
+}, 10000);

src/__test__/App.test.js

@@ -71,16 +71,15 @@ const FindOffersForDate = () => {
           </button>
         </div>
       </form>
-      {offers && offers.map(offer => {
-        return (<>
-          <div className="mt-8">
+      {offers && offers.map((offer, index) => {
+        return (
+          <div key={index} className="mt-8">
             <div className="p-4 border rounded-lg bg-gray-50 shadow-sm">
               <p><strong>Offer code:</strong> {offer.offerCode}</p>
               <p><strong>Valid Until:</strong> {new Date(offer.validUntil).toLocaleDateString()}</p>
             </div>
           </div>
-          </>
-        )
+        );
       })
       }
     </div>