test: add ErrorBoundary

Author: peppescg

src/components/ErrorBoundary.tsx

@@ -15,12 +15,12 @@ export default class ErrorBoundary extends Component<Props, State> {
     hasError: false,
   };
 
-  public static getDerivedStateFromError(_: Error): State {
+  public static getDerivedStateFromError(): State {
     return { hasError: true };
   }
 
-  public componentDidCatch(error: Error) {
-    console.error(error);
+  public componentDidCatch() {
+    // this should log the error to a service like Sentry
   }
 
   public render() {

src/components/__tests__/ErrorBoundary.test.tsx

@@ -0,0 +1,22 @@
+import { render } from "@/lib/test-utils";
+import { screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import ErrorBoundary from "../ErrorBoundary";
+import { Error } from "../Error";
+
+const ErrorComponent = () => {
+  throw Error();
+};
+
+describe("ErrorBoundary", () => {
+  it("renders fallback when a child throws an error", () => {
+    vi.spyOn(console, "error").mockImplementation(() => {});
+    render(
+      <ErrorBoundary fallback={<Error />}>
+        <ErrorComponent />
+      </ErrorBoundary>,
+    );
+
+    expect(screen.getByText(/an error occurred/i)).toBeVisible();
+  });
+});