Issue #22 Backfill tests for Hooks/onPageErrors

Add usePagError hook tests

Author: brandongregoryscott

.editorconfig

@@ -3,7 +3,7 @@ root = true
 
 [*]
 indent_style = space
-indent_size = 2
+indent_size = 4
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

src/hooks/use-page-errors.test.tsx

@@ -1,3 +1,116 @@
+import { renderHook, act } from "@testing-library/react-hooks";
+import { usePageErrors } from "./use-page-errors";
+import {
+    ResultRecord,
+    ResultErrorRecord,
+} from "andculturecode-javascript-core";
+
 describe("usePageErrors", () => {
-    test.skip("TODO - https://github.com/AndcultureCode/AndcultureCode.JavaScript.React/issues/22", () => {});
+    // -----------------------------------------------------------------------------------------
+    // #region initialization
+    // -----------------------------------------------------------------------------------------
+
+    describe("initialization", () => {
+        test("returns empty array", () => {
+            // Arrange & Act
+            const { result } = renderHook(() => usePageErrors());
+
+            // Assert
+            expect(result.current.pageErrors).toBeEmpty();
+        });
+    });
+
+    // #endregion
+
+    // -----------------------------------------------------------------------------------------
+    // #region setPageErrors
+    // -----------------------------------------------------------------------------------------
+
+    describe("setPageErrors", () => {
+        test("when set with string array, pageErrors returns array", () => {
+            // Arrange
+            const errorMessage = "Error Message";
+            const { result } = renderHook(() => usePageErrors());
+
+            // Act
+            act(() => {
+                result.current.setPageErrors([errorMessage]);
+            });
+
+            // Assert
+            expect(result.current.pageErrors).toHaveLength(1);
+            expect(result.current.pageErrors[0]).toBe(errorMessage);
+        });
+    });
+
+    // #endregion setPageErrors
+
+    // -----------------------------------------------------------------------------------------
+    // #region handlePageLoadError
+    // -----------------------------------------------------------------------------------------
+
+    describe("handlePageLoadError", () => {
+        test("when error is string, pageErrors returns array", () => {
+            // Arrange
+            const errorMessage = "Error Message";
+            const { result } = renderHook(() => usePageErrors());
+
+            // Act
+            act(() => {
+                result.current.handlePageLoadError(errorMessage);
+            });
+
+            // Assert
+            expect(result.current.pageErrors).toHaveLength(1);
+            expect(result.current.pageErrors[0]).toBe(errorMessage);
+        });
+
+        test("when error is ResultRecord, pageErrors returns array", () => {
+            // Arrange
+            const errorMessage = "Error Message";
+            const erroredResultRecord = new ResultRecord<any>().with({
+                errors: [
+                    new ResultErrorRecord().with({
+                        message: errorMessage,
+                    }),
+                ],
+            });
+            const { result } = renderHook(() => usePageErrors());
+
+            // Act
+            act(() => {
+                result.current.handlePageLoadError(erroredResultRecord);
+            });
+
+            // Assert
+            expect(result.current.pageErrors).toHaveLength(1);
+            expect(result.current.pageErrors[0]).toBe(errorMessage);
+        });
+    });
+
+    // #endregion handlePageLoadError
+
+    // -----------------------------------------------------------------------------------------
+    // #region resetPageErrors
+    // -----------------------------------------------------------------------------------------
+
+    describe("resetPageErrors", () => {
+        test("when executed, pageErrors returns empty array", () => {
+            // Arrange
+            const { result } = renderHook(() => usePageErrors());
+            act(() => {
+                result.current.handlePageLoadError("Error Message");
+            });
+
+            // Act
+            act(() => {
+                result.current.resetPageErrors();
+            });
+
+            // Assert
+            expect(result.current.pageErrors).toBeEmpty();
+        });
+    });
+
+    // #endregion resetPageErrors
 });

src/hooks/use-page-errors.ts

@@ -7,14 +7,17 @@ import { ResultRecord } from "andculturecode-javascript-core";
 export function usePageErrors() {
     const [pageErrors, setPageErrors] = useState<Array<string>>([]);
 
-    const handlePageLoadError = useCallback((result: any) => {
-        if (result instanceof ResultRecord) {
-            setPageErrors((e) => [...e, ...result.listErrorMessages()]);
-            return;
-        }
+    const handlePageLoadError = useCallback(
+        (result: string | ResultRecord<any>) => {
+            if (typeof result === "string") {
+                setPageErrors((e) => [...e, result]);
+                return;
+            }
 
-        setPageErrors((e) => [...e, result]);
-    }, []);
+            setPageErrors((e) => [...e, ...result.listErrorMessages()]);
+        },
+        []
+    );
 
     const resetPageErrors = useCallback(() => {
         setPageErrors([]);