@madie/madie-design-system 1.2.62 → 2.0.0

package/test/components/MadieAlert.test.js

@@ -19,7 +19,7 @@ describe("Madie Alert", () => {
                     onClick: onClose,
                     "data-testid": "close-button",
                 }}
-            />
+            />,
         );
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
         expect(getByTestId("close-button")).toBeInTheDocument();
@@ -85,7 +85,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                     onClick: onClose,
                     "data-testid": "close-button",
                 }}
-            />
+            />,
         );
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
         expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
@@ -140,7 +140,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                     onClick: onClose,
                     "data-testid": "close-button",
                 }}
-            />
+            />,
         );
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
         expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
@@ -174,7 +174,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                     onClick: onClose,
                     "data-testid": "close-button",
                 }}
-            />
+            />,
         );
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
         expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
@@ -204,7 +204,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 closeButtonProps={{
                     "data-testid": "close-button",
                 }}
-            />
+            />,
         );
         await waitFor(() => {
             expect(screen.queryByTestId("alert-dialog")).toBeNull();
@@ -222,7 +222,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "alert-dialog",
                 }}
-            />
+            />,
         );
 
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
@@ -240,7 +240,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "alert-dialog",
                 }}
-            />
+            />,
         );
 
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
@@ -266,7 +266,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "alert-dialog",
                 }}
-            />
+            />,
         );
 
         expect(getByTestId("alert-dialog")).toBeInTheDocument();
@@ -289,7 +289,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                         canClose: false,
                     },
                 ]}
-            />
+            />,
         );
 
         // Should find two heading elements (one from each alert)
@@ -315,7 +315,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                         alertProps: { "data-testid": "alert-dialog-2" },
                     },
                 ]}
-            />
+            />,
         );
 
         // Both alerts should be visible
@@ -360,7 +360,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                         alertProps: { "data-testid": "alert-dialog-2" },
                     },
                 ]}
-            />
+            />,
         );
 
         // Minimize alerts - update to use the index-specific button ID
@@ -413,7 +413,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                         alertProps: { "data-testid": "alert-dialog-2" },
                     },
                 ]}
-            />
+            />,
         );
 
         // Update to use the index-specific button ID
@@ -424,7 +424,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
         // check for a count of 2 instead of 3
         await waitFor(() => {
             expect(getByTestId("minimized-alert-text")).toHaveTextContent(
-                "Display Alerts (2)"
+                "Display Alerts (2)",
             );
         });
 
@@ -435,7 +435,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
         // Now both alerts are minimized, check for a count of 3
         await waitFor(() => {
             expect(getByTestId("minimized-alert-text")).toHaveTextContent(
-                "Display Alerts (3)"
+                "Display Alerts (3)",
             );
         });
     });
@@ -476,7 +476,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                         alertProps: { "data-testid": "alert-dialog-2" },
                     },
                 ]}
-            />
+            />,
         );
 
         // Get the first copy button and click it
@@ -488,7 +488,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
         await waitFor(() => {
             expect(mockedWriteText).toHaveBeenCalledTimes(1);
             expect(mockedWriteText).toHaveBeenCalledWith(
-                expect.stringContaining("Error")
+                expect.stringContaining("Error"),
             );
         });
     });
@@ -503,7 +503,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "old-alert",
                 }}
-            />
+            />,
         );
 
         expect(getByTestId("old-alert")).toBeInTheDocument();
@@ -529,7 +529,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "alert-dialog",
                 }}
-            />
+            />,
         );
 
         // Update to use the index-specific button ID
@@ -539,7 +539,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
         // Check for error count in minimized alert
         await waitFor(() => {
             expect(getByTestId("minimized-alert-text")).toHaveTextContent(
-                "Display Alerts (3)"
+                "Display Alerts (3)",
             );
         });
     });
@@ -555,7 +555,7 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
                 alertProps={{
                     "data-testid": "alert-dialog",
                 }}
-            />
+            />,
         );
 
         // Update to use the index-specific button ID
@@ -565,10 +565,10 @@ Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.8
         // Check that there's no error count
         await waitFor(() => {
             expect(getByTestId("minimized-alert-text")).toHaveTextContent(
-                "Display Alerts"
+                "Display Alerts",
             );
             expect(getByTestId("minimized-alert-text")).not.toHaveTextContent(
-                "Display Alerts ("
+                "Display Alerts (",
             );
         });
     });

package/test/components/MadieConfirmDialog.test.js

@@ -1,8 +1,7 @@
 import "@testing-library/jest-dom";
 import { describe, expect, test } from "@jest/globals";
 import MadieConfirmDialog from "../../components/MadieConfirmDialog/index";
-import { act } from "react-dom/test-utils";
-import { render, fireEvent, waitFor } from "@testing-library/react";
+import { render, fireEvent, waitFor, screen } from "@testing-library/react";
 
 import React, { useState } from "react";
 
@@ -75,85 +74,64 @@ const DialogTesterForDelete = () => {
     );
 };
 
+const { findByTestId, getByTestId, queryByText } = screen;
 describe("MadieConfirmDialog", () => {
     test("Confirm Dialog renders", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const confirmDialog = await getByTestId("confirm-dialog");
-            expect(confirmDialog).toBeInTheDocument();
-            await waitFor(() => {
-                expect(queryByText("log out of UMLS")).toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const confirmDialog = await getByTestId("confirm-dialog");
+        expect(confirmDialog).toBeInTheDocument();
+        await waitFor(() => {
+            expect(queryByText("log out of UMLS")).toBeVisible();
         });
     });
 
     test("Discard Dialog renders", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTesterForDiscard />
-            );
-            const result = await findByTestId("discard-dialog-tester");
-            fireEvent.click(result);
-            const confirmDialog = await getByTestId("discard-dialog");
-            expect(confirmDialog).toBeInTheDocument();
-            await waitFor(() => {
-                expect(queryByText("You have unsaved changes.")).toBeVisible();
-                expect(queryByText("Discard Changes")).toBeVisible();
-            });
+        render(<DialogTesterForDiscard />);
+        const result = await findByTestId("discard-dialog-tester");
+        fireEvent.click(result);
+        const confirmDialog = await getByTestId("discard-dialog");
+        expect(confirmDialog).toBeInTheDocument();
+        await waitFor(() => {
+            expect(queryByText("You have unsaved changes.")).toBeVisible();
+            expect(queryByText("Discard Changes")).toBeVisible();
         });
     });
 
     test("Delete Dialog renders", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTesterForDelete />
-            );
-            const result = await findByTestId("delete-dialog-tester");
-            fireEvent.click(result);
-            const confirmDialog = await getByTestId("delete-dialog");
-            expect(confirmDialog).toBeInTheDocument();
-            await waitFor(() => {
-                expect(queryByText("delete this Definition")).toBeVisible();
-            });
+        render(<DialogTesterForDelete />);
+        const result = await findByTestId("delete-dialog-tester");
+        fireEvent.click(result);
+        const confirmDialog = await getByTestId("delete-dialog");
+        expect(confirmDialog).toBeInTheDocument();
+        await waitFor(() => {
+            expect(queryByText("delete this Definition")).toBeVisible();
         });
     });
 
     test("Dialog disappears onContinue", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const continueButton = await getByTestId(
-                "confirm-dialog-continue-button"
-            );
-            expect(continueButton).toBeInTheDocument();
-            fireEvent.click(continueButton);
-            await waitFor(() => {
-                expect(queryByText("log out of UMLS")).not.toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const continueButton = await getByTestId(
+            "confirm-dialog-continue-button",
+        );
+        expect(continueButton).toBeInTheDocument();
+        fireEvent.click(continueButton);
+        await waitFor(() => {
+            expect(queryByText("log out of UMLS")).not.toBeVisible();
         });
     });
     test("Dialog disappears onClose", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const cancelButton = await getByTestId(
-                "confirm-dialog-cancel-button"
-            );
-            expect(cancelButton).toBeInTheDocument();
-            fireEvent.click(cancelButton);
-            await waitFor(() => {
-                expect(queryByText("log out of UMLS")).not.toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const cancelButton = await getByTestId("confirm-dialog-cancel-button");
+        expect(cancelButton).toBeInTheDocument();
+        fireEvent.click(cancelButton);
+        await waitFor(() => {
+            expect(queryByText("log out of UMLS")).not.toBeVisible();
         });
     });
 });

package/test/components/MadieDeleteDialog.test.js

@@ -1,8 +1,7 @@
 import "@testing-library/jest-dom";
 import { describe, expect, test } from "@jest/globals";
 import MadieDeleteDialog from "../../components/MadieDeleteDialog/index";
-import { act } from "react-dom/test-utils";
-import { render, fireEvent, waitFor } from "@testing-library/react";
+import { render, fireEvent, waitFor, screen } from "@testing-library/react";
 
 import React, { useState } from "react";
 
@@ -25,87 +24,70 @@ const DialogTester = () => {
     );
 };
 
+const { findByTestId, getByTestId, queryByText } = screen;
 describe("MadieDeleteDialog", () => {
     test("Dialog renders", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const deleteDialog = await getByTestId("delete-dialog");
-            expect(deleteDialog).toBeInTheDocument();
-            await waitFor(() => {
-                expect(
-                    queryByText("Are you sure you want to delete ?")
-                ).toBeVisible();
-                expect(
-                    queryByText("This Action cannot be undone.")
-                ).toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const deleteDialog = await getByTestId("delete-dialog");
+        expect(deleteDialog).toBeInTheDocument();
+        await waitFor(() => {
+            expect(
+                queryByText("Are you sure you want to delete ?"),
+            ).toBeVisible();
+            expect(queryByText("This Action cannot be undone.")).toBeVisible();
         });
     });
 
     test("Dialog disappears onContinue", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const continueButton = await getByTestId(
-                "delete-dialog-continue-button"
-            );
-            expect(continueButton).toBeInTheDocument();
-            fireEvent.click(continueButton);
-            await waitFor(() => {
-                expect(
-                    queryByText("Are you sure you want to delete ?")
-                ).not.toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const continueButton = await getByTestId(
+            "delete-dialog-continue-button",
+        );
+        expect(continueButton).toBeInTheDocument();
+        fireEvent.click(continueButton);
+        await waitFor(() => {
+            expect(
+                queryByText("Are you sure you want to delete ?"),
+            ).not.toBeVisible();
         });
     });
     test("Dialog disappears onClose", async () => {
-        await act(async () => {
-            const { findByTestId, getByTestId, queryByText } = await render(
-                <DialogTester />
-            );
-            const result = await findByTestId("dialog-tester");
-            fireEvent.click(result);
-            const cancelButton = await getByTestId(
-                "delete-dialog-cancel-button"
-            );
-            expect(cancelButton).toBeInTheDocument();
-            fireEvent.click(cancelButton);
-            await waitFor(() => {
-                expect(
-                    queryByText("Are you sure you want to delete ?")
-                ).not.toBeVisible();
-            });
+        render(<DialogTester />);
+        const result = await findByTestId("dialog-tester");
+        fireEvent.click(result);
+        const cancelButton = await getByTestId("delete-dialog-cancel-button");
+        expect(cancelButton).toBeInTheDocument();
+        fireEvent.click(cancelButton);
+        await waitFor(() => {
+            expect(
+                queryByText("Are you sure you want to delete ?"),
+            ).not.toBeVisible();
         });
     });
 
     test("Dialog has not warning text", async () => {
-        await act(async () => {
-            const { getByTestId, queryByText } = await render(
-                <MadieDeleteDialog
-                    open={true}
-                    onClose={() => setDialogOpen(false)}
-                    onContinue={() => setDialogOpen(false)}
-                    hideWarning={true}
-                />
-            );
+        render(
+            <MadieDeleteDialog
+                open={true}
+                onClose={() => setDialogOpen(false)}
+                onContinue={() => setDialogOpen(false)}
+                hideWarning={true}
+            />,
+        );
 
-            const deleteDialog = await getByTestId("delete-dialog");
-            expect(deleteDialog).toBeInTheDocument();
-            await waitFor(() => {
-                expect(
-                    queryByText("Are you sure you want to delete ?")
-                ).toBeVisible();
-                expect(
-                    queryByText("This Action cannot be undone.")
-                ).not.toBeInTheDocument();
-            });
+        const deleteDialog = await getByTestId("delete-dialog");
+        expect(deleteDialog).toBeInTheDocument();
+        await waitFor(() => {
+            expect(
+                queryByText("Are you sure you want to delete ?"),
+            ).toBeVisible();
+            expect(
+                queryByText("This Action cannot be undone."),
+            ).not.toBeInTheDocument();
         });
     });
 });

package/test/components/MadieDialog.test.js

@@ -37,7 +37,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         expect(getByTestId("dialog-form")).toBeInTheDocument();
         expect(queryByText("Indicates required field")).toBeInTheDocument();
@@ -84,7 +84,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a dialog message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         const cancelButton = getByTestId("dialog-cancel-button");
         const submitButton = getByTestId("dialog-continue-button");
@@ -117,7 +117,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a basic dialog</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         // only one button should be there i.e. cancel model icon at top right corner
         expect(queryAllByRole("button")).toHaveLength(1);
@@ -138,7 +138,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form dialog</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         // only one button should be there i.e. cancel model icon at top right corner
         expect(queryAllByRole("button")).toHaveLength(1);
@@ -167,7 +167,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         expect(getByTestId("dialog-form")).toBeInTheDocument();
         expect(queryByText("Indicates required field")).toBeInTheDocument();
@@ -206,7 +206,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         expect(getByTestId("dialog-form")).toBeInTheDocument();
         expect(queryByText("Indicates required field")).toBeInTheDocument();
@@ -218,7 +218,7 @@ describe("Madie Dialog", () => {
         fireEvent.mouseOver(submitButton);
         await waitFor(() => {
             expect(
-                queryByText("Continue button is disabled")
+                queryByText("Continue button is disabled"),
             ).toBeInTheDocument();
         });
     });
@@ -252,7 +252,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         expect(getByTestId("dialog-form")).toBeInTheDocument();
         expect(queryByText("Indicates required field")).toBeInTheDocument();
@@ -264,7 +264,7 @@ describe("Madie Dialog", () => {
         fireEvent.mouseOver(submitButton);
         await waitFor(() => {
             expect(
-                queryByText("Continue button is disabled")
+                queryByText("Continue button is disabled"),
             ).not.toBeInTheDocument();
         });
     });
@@ -296,7 +296,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
         expect(getByTestId("dialog-form")).toBeInTheDocument();
         expect(queryByText("Indicates required field")).toBeInTheDocument();
@@ -308,7 +308,7 @@ describe("Madie Dialog", () => {
         fireEvent.mouseOver(submitButton);
         await waitFor(() => {
             expect(
-                queryByText("Continue button is disabled")
+                queryByText("Continue button is disabled"),
             ).not.toBeInTheDocument();
         });
     });
@@ -354,7 +354,7 @@ describe("Madie Dialog", () => {
                                 dataTestId: "export-publishing-option",
                                 toImplementFunction: () =>
                                     console.log(
-                                        "Export for Publishing clicked"
+                                        "Export for Publishing clicked",
                                     ),
                             },
                         ],
@@ -362,7 +362,7 @@ describe("Madie Dialog", () => {
                 >
                     <div>this is a form message</div>
                 </MadieDialog>
-            </div>
+            </div>,
         );
 
         const cancelButton = getByTestId("cancel-button");