@madie/madie-design-system 1.2.25 → 1.2.26

package/package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.2.25",
+    "version": "1.2.26",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@madie/madie-design-system",
-            "version": "1.2.25",
+            "version": "1.2.26",
             "license": "CC0-1.0",
             "dependencies": {
                 "@cmsgov/design-system": "^5.0.2",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@madie/madie-design-system",
-    "version": "1.2.25",
+    "version": "1.2.26",
     "description": "Shared style guide across the Madie program.",
     "main": "dist/index.js",
     "homepage": "https://github.com/MeasureAuthoringTool/madie-design-system",

package/test/components/MadieAlert.test.js

@@ -2,7 +2,6 @@ import "@testing-library/jest-dom";
 import React from "react";
 import { render, fireEvent, waitFor, screen } from "@testing-library/react";
 import MadieAlert from "../../components/MadieAlert";
-import "@testing-library/jest-dom";
 
 describe("Madie Alert", () => {
     it("It renders as expected with basic props and triggers on Close on click", async () => {
@@ -31,6 +30,123 @@ describe("Madie Alert", () => {
         });
     });
 
+    it("renders with copy button and copies text correctly", async () => {
+        const expectedReturn = 
+`Following issues were found within the CQL(3) Errors:
+
+
+
+Row: 7, Col:0: VSAC: 0:66 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1206.28 location = 7:0-7:66
+Row: 5, Col:0: VSAC: 0:89 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1222.1334 location = 5:0-5:89
+Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1106.114 location = 6:0-6:87`
+        const onClose = jest.fn();
+        const mockedWriteText = jest.fn();
+        navigator.clipboard = {
+            writeText: mockedWriteText,
+        };
+        const { getByTestId } = render(
+            <MadieAlert
+                type="warning"
+                visible
+                canClose={false}
+                copyButton={true}
+                content={
+                    <div aria-live="polite" role="alert"><h3 aria-live="polite" role="alert" data-testid="generic-error-text-header">Following issues were found within the CQL</h3><h6>(3) Errors:</h6><ul data-testid="generic-errors-text-list"><li>Row: 7, Col:0: VSAC: 0:66 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1206.28 location = 7:0-7:66</li><li>Row: 5, Col:0: VSAC: 0:89 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1222.1334 location = 5:0-5:89</li><li>Row: 6, Col:0: VSAC: 0:87 | Request failed with status code 404 for oid = 1.16.840.1.113762.1.4.1106.114 location = 6:0-6:87</li></ul></div>
+                }
+                alertProps={{
+                    "data-testid": "alert-dialog",
+                }}
+                closeButtonProps={{
+                    onClick: onClose,
+                    "data-testid": "close-button",
+                }}
+            />
+        );
+        expect(getByTestId("alert-dialog")).toBeInTheDocument();
+        expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
+        const copyButton = getByTestId("ContentCopyIcon");
+        fireEvent.click(copyButton);
+
+        await waitFor(() => {
+            expect(mockedWriteText).toHaveBeenCalledTimes(1);
+            expect(mockedWriteText).toHaveBeenCalledWith(expectedReturn);
+        });
+    });
+    it("renders with copy button and copies text correctly with a non-array in children", async () => {
+        const expectedReturn = 
+`Following test case(s) were imported successfully, but the measure populations do not match the populations in the import file. The Test Case has been imported, but no expected values have been set.
+
+9ccff643-5ec1-4875-910e-4f602c174455 
+21b8a225-7cd5-4b4b-bc08-b25100e6346c`
+        const onClose = jest.fn();
+        const mockedWriteText = jest.fn();
+        navigator.clipboard = {
+            writeText: mockedWriteText,
+        };
+        const { getByTestId } = render(
+            <MadieAlert
+                type="warning"
+                visible
+                canClose={false}
+                copyButton={true}
+                content={
+                    <div aria-live="polite" role="alert"><div><div class="StatusHandler___StyledDiv2-sc-1tujbo9-2 gtcQQP">Following test case(s) were imported successfully, but the measure populations do not match the populations in the import file. The Test Case has been imported, but no expected values have been set.</div><ul><li data-testid="success-imports-with-warnings">9ccff643-5ec1-4875-910e-4f602c174455 </li><li data-testid="success-imports-with-warnings">21b8a225-7cd5-4b4b-bc08-b25100e6346c </li></ul></div></div>
+                }
+                alertProps={{
+                    "data-testid": "alert-dialog",
+                }}
+                closeButtonProps={{
+                    onClick: onClose,
+                    "data-testid": "close-button",
+                }}
+            />
+        );
+        expect(getByTestId("alert-dialog")).toBeInTheDocument();
+        expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
+        const copyButton = getByTestId("ContentCopyIcon");
+        fireEvent.click(copyButton);
+
+        await waitFor(() => {
+            expect(mockedWriteText).toHaveBeenCalledTimes(1);
+            expect(mockedWriteText).toHaveBeenCalledWith(expectedReturn);
+        });
+    });
+
+    it("renders with copy button and copies simple text", async () => {
+        const expectedReturn = `hello`
+        const onClose = jest.fn();
+        const mockedWriteText = jest.fn();
+        navigator.clipboard = {
+            writeText: mockedWriteText,
+        };
+        const { getByTestId } = render(
+            <MadieAlert
+                type="warning"
+                visible
+                canClose={false}
+                copyButton={true}
+                content="hello"
+                alertProps={{
+                    "data-testid": "alert-dialog",
+                }}
+                closeButtonProps={{
+                    onClick: onClose,
+                    "data-testid": "close-button",
+                }}
+            />
+        );
+        expect(getByTestId("alert-dialog")).toBeInTheDocument();
+        expect(getByTestId("ContentCopyIcon")).toBeInTheDocument();
+        const copyButton = getByTestId("ContentCopyIcon");
+        fireEvent.click(copyButton);
+
+        await waitFor(() => {
+            expect(mockedWriteText).toHaveBeenCalledTimes(1);
+            expect(mockedWriteText).toHaveBeenCalledWith(expectedReturn);
+        });
+    });
+    
+
     it("It does not render when inivislbe", async () => {
         render(
             <MadieAlert