chore: Fix console.error pollution (#1077)

* chore: Fix console.error pollution

Signed-off-by: Tim Chan <[email protected]>

* Relocated to src/test-utils.

Signed-off-by: Tim Chan <[email protected]>

---------

Signed-off-by: Tim Chan <[email protected]>

Author: macrotim

src/test-utils/mock-console-error.ts

@@ -0,0 +1,35 @@
+/*
+ * Mocks console.error and silences known errors.
+ *
+ * Apply this utility to mute known errors and avoid polluting the test output.
+ */
+export const mockConsoleError = ({
+  silencedErrorRegexes,
+}: {
+  silencedErrorRegexes: RegExp[];
+}) => {
+  // eslint-disable-next-line no-console
+  const consoleError = console.error;
+
+  const consoleErrorImpl = (...data: any[]) => {
+    const dataString = data.toString();
+    let shouldIgnore = false;
+
+    for (const regex of silencedErrorRegexes) {
+      if (regex.test(dataString)) {
+        shouldIgnore = true;
+        break;
+      }
+    }
+
+    if (!shouldIgnore) {
+      consoleError(...data);
+    }
+  };
+
+  const spy = jest.spyOn(console, 'error').mockImplementation(consoleErrorImpl);
+
+  return {
+    restore: () => spy.mockRestore(),
+  };
+};

src/views/domain-page/domain-page-tabs/__tests__/domain-page-tabs.test.tsx

@@ -6,6 +6,7 @@ import { render, screen, userEvent } from '@/test-utils/rtl';
 
 import ErrorBoundary from '@/components/error-boundary/error-boundary';
 import { type GetConfigResponse } from '@/route-handlers/get-config/get-config.types';
+import { mockConsoleError } from '@/test-utils/mock-console-error';
 
 import DomainPageTabs from '../domain-page-tabs';
 
@@ -141,11 +142,25 @@ describe(DomainPageTabs.name, () => {
   });
 
   it('handles errors gracefully', async () => {
-    await setup({ error: true });
+    // Mute console.error to avoid polluting the test output.
+    const silencedErrorRegexes = [
+      /RequestError: Failed to fetch config/,
+      /The above error occurred in the <DomainPageTabs> component/,
+    ];
+    const { restore: restoreConsoleError } = mockConsoleError({
+      silencedErrorRegexes,
+    });
+
+    try {
+      await setup({ error: true });
 
-    expect(
-      await screen.findByText('Error: Failed to fetch config')
-    ).toBeInTheDocument();
+      expect(
+        await screen.findByText('Error: Failed to fetch config')
+      ).toBeInTheDocument();
+    } finally {
+      // Be sure to restore the console.error.
+      restoreConsoleError();
+    }
   });
 
   it('renders the help button as endEnhancer', async () => {