Fix and update unit tests

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

@@ -32,6 +32,7 @@ jest.mock(
       workflows: (props) => <MockedTabContent {...props} tab="workflows" />,
       metadata: (props) => <MockedTabContent {...props} tab="metadata" />,
       settings: (props) => <MockedTabContent {...props} tab="settings" />,
+      archival: (props) => <MockedTabContent {...props} tab="archival" />,
     }) as const satisfies DomainPageTabsContentConfig
 );
 

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

@@ -33,6 +33,9 @@ jest.mock(
       settings: () => ({
         message: 'settings error',
       }),
+      archival: () => ({
+        message: 'archival error',
+      }),
     }) as const satisfies DomainPageTabsErrorConfig
 );
 

src/views/domain-workflows-archival/__tests__/domain-workflows-archival.test.tsx

@@ -0,0 +1,86 @@
+import { Suspense } from 'react';
+
+import { HttpResponse } from 'msw';
+
+import { render, screen, act } from '@/test-utils/rtl';
+
+import { type DescribeDomainResponse } from '@/route-handlers/describe-domain/describe-domain.types';
+import { mockDomainInfo } from '@/views/domain-page/__fixtures__/domain-info';
+
+import DomainWorkflowsArchival from '../domain-workflows-archival';
+
+jest.mock(
+  '../domain-workflows-archival-header/domain-workflows-archival-header',
+  () => jest.fn(() => <div>Mock archival header</div>)
+);
+
+describe(DomainWorkflowsArchival.name, () => {
+  it('renders without error and shows archival disabled page', async () => {
+    await setup({});
+
+    expect(await screen.findByText('Archival disabled')).toBeInTheDocument();
+  });
+
+  it('renders without error and shows archival content', async () => {
+    await setup({ isArchivalEnabled: true });
+
+    expect(await screen.findByText('Mock archival header')).toBeInTheDocument();
+  });
+
+  it('does not render if the initial call fails', async () => {
+    let renderErrorMessage;
+    try {
+      await act(async () => {
+        await setup({ isError: true });
+      });
+    } catch (error) {
+      if (error instanceof Error) {
+        renderErrorMessage = error.message;
+      }
+    }
+
+    expect(renderErrorMessage).toEqual('Failed to fetch domain information');
+  });
+});
+
+async function setup({
+  isArchivalEnabled,
+  isError,
+}: {
+  isArchivalEnabled?: boolean;
+  isError?: boolean;
+}) {
+  render(
+    <Suspense>
+      <DomainWorkflowsArchival domain="mock-domain" cluster="mock-cluster" />
+    </Suspense>,
+    {
+      endpointsMocks: [
+        {
+          path: '/api/domains/:domain/:cluster',
+          httpMethod: 'GET',
+          ...(isError
+            ? {
+                httpResolver: () => {
+                  return HttpResponse.json(
+                    { message: 'Failed to fetch domain information' },
+                    { status: 500 }
+                  );
+                },
+              }
+            : {
+                jsonResponse: {
+                  ...mockDomainInfo,
+                  ...(isArchivalEnabled
+                    ? {
+                        historyArchivalStatus: 'ARCHIVAL_STATUS_ENABLED',
+                        visibilityArchivalStatus: 'ARCHIVAL_STATUS_ENABLED',
+                      }
+                    : {}),
+                } satisfies DescribeDomainResponse,
+              }),
+        },
+      ],
+    }
+  );
+}

src/views/domain-workflows-archival/domain-workflows-archival.tsx

@@ -22,7 +22,10 @@ export default function DomainWorkflowsArchival(
       ),
   });
 
-  if (!historyArchivalStatus || !visibilityArchivalStatus) {
+  if (
+    historyArchivalStatus !== 'ARCHIVAL_STATUS_ENABLED' ||
+    visibilityArchivalStatus !== 'ARCHIVAL_STATUS_ENABLED'
+  ) {
     // TODO: archival landing page
     return <div>Archival disabled</div>;
   }