@redacto.io/consent-sdk-react 9.2.0-beta.1 → 9.2.0

package/tests/RequestSubmit.test.tsx

@@ -4,18 +4,13 @@ import { describe, it, expect, vi } from 'vitest';
 // react-i18next is an optional peer dep that is not installed in this
 // package's node_modules. Stub it with a minimal `useTranslation` that
 // resolves the en/translation.json keys we use here, with interpolation
-// and `_one` / `_other` plural suffix support.
+// support.
 vi.mock('react-i18next', () => {
   const en: Record<string, string> = {
     requestSubmittedSuccessfully: 'Request Submitted Successfully',
     thankYouForSubmittingYourRequest: 'Thank you for submitting your request',
     caseID: 'Case ID',
     saveThisID: 'Please save this ID for future reference',
-    casesCreatedCount_one: '{{count}} case created',
-    casesCreatedCount_other: '{{count}} cases created',
-    someRequestsFailed: 'Some requests failed',
-    retry: 'Retry',
-    retrying: 'Retrying...',
     confirmationSentTo: 'Confirmation sent to',
     processRequest: 'We will process your request as per laws',
     backToHome: 'Back to homepage',
@@ -29,14 +24,7 @@ vi.mock('react-i18next', () => {
       return value === undefined || value === null ? '' : String(value);
     });
   const t = (key: string, opts?: Record<string, unknown>) => {
-    const count = typeof opts?.count === 'number' ? opts.count : undefined;
-    const pluralKey =
-      count !== undefined
-        ? count === 1
-          ? `${key}_one`
-          : `${key}_other`
-        : key;
-    const template = en[pluralKey] ?? en[key] ?? key;
+    const template = en[key] ?? key;
     return interpolate(template, opts);
   };
   return {
@@ -50,191 +38,72 @@ vi.mock('lucide-react', () => ({
 }));
 
 import RequestSubmit from '../src/RedactoPrivacyCenter/components/RequestSubmit';
-import type { BatchCaseSubmitResult } from '../src/RedactoPrivacyCenter/lib/types';
+import type { RequestSubmitResult } from '../src/RedactoPrivacyCenter/components/types';
 
-const makeResult = (
-  overrides: Partial<BatchCaseSubmitResult> = {},
-): BatchCaseSubmitResult => ({
-  succeeded: [],
-  failed: [],
-  ...overrides,
-});
-
-const singleSucceeded: BatchCaseSubmitResult = {
-  succeeded: [
-    {
-      group_key: '',
-      product_uuid: '',
-      product_name: '',
-      case_id: 'CASE-ONLY',
-      uuid: 'uuid-only',
-    },
-  ],
-  failed: [],
-};
-
-const multiSucceeded: BatchCaseSubmitResult = {
-  succeeded: [
-    {
-      group_key: 'prod-1',
-      product_uuid: 'prod-1',
-      product_name: 'Acme Loyalty',
-      case_id: 'CASE-1',
-      uuid: 'uuid-1',
-    },
-    {
-      group_key: 'prod-2',
-      product_uuid: 'prod-2',
-      product_name: 'Acme Rewards',
-      case_id: 'CASE-2',
-      uuid: 'uuid-2',
-    },
-  ],
-  failed: [],
+const productScopedResult: RequestSubmitResult = {
+  case_id: 'CASE-PROD',
+  uuid: 'uuid-prod',
+  product_name: 'Acme Loyalty',
+  product_uuid: 'prod-1',
 };
 
-const partialResult: BatchCaseSubmitResult = {
-  succeeded: [
-    {
-      group_key: 'prod-ok',
-      product_uuid: 'prod-ok',
-      product_name: 'Working Product',
-      case_id: 'CASE-OK',
-      uuid: 'uuid-ok',
-    },
-  ],
-  failed: [
-    {
-      group_key: 'prod-fail',
-      product_uuid: 'prod-fail',
-      product_name: 'Broken Product',
-      error: 'Network unreachable',
-    },
-  ],
+const orgLevelResult: RequestSubmitResult = {
+  case_id: 'CASE-ORG',
+  uuid: 'uuid-org',
+  product_name: '',
+  product_uuid: '',
 };
 
 describe('RequestSubmit', () => {
-  it('renders a single-case success card (legacy / nomination / grievance shape)', () => {
+  it('renders the case id and product label for a product-scoped result', () => {
     render(
       <RequestSubmit
-        result={singleSucceeded}
+        result={productScopedResult}
         contact="alice@example.com"
         onCreateRequest={vi.fn()}
       />,
     );
 
-    // Single-case branch: one "Case ID: ..." row, no plural header, no
-    // failure block.
     expect(
       screen.getByText('Request Submitted Successfully'),
     ).toBeInTheDocument();
-    expect(screen.getByText(/Case ID:\s*CASE-ONLY/)).toBeInTheDocument();
-    expect(screen.queryByText(/cases created/)).not.toBeInTheDocument();
-    expect(
-      screen.queryByText('Some requests failed'),
-    ).not.toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Retry' })).toBeNull();
+    expect(screen.getByText(/Case ID:\s*CASE-PROD/)).toBeInTheDocument();
+    expect(screen.getByText('Acme Loyalty')).toBeInTheDocument();
   });
 
-  it('renders a multi-case success list with product names and case IDs', () => {
+  it('omits the product label when the result has no product anchor', () => {
     render(
       <RequestSubmit
-        result={multiSucceeded}
+        result={orgLevelResult}
         contact="alice@example.com"
         onCreateRequest={vi.fn()}
       />,
     );
 
-    // Header reflects pluralised count.
-    expect(screen.getByText('2 cases created')).toBeInTheDocument();
-    // Each entry renders product name + case id.
-    expect(screen.getByText('Acme Loyalty')).toBeInTheDocument();
-    expect(screen.getByText('Acme Rewards')).toBeInTheDocument();
-    expect(screen.getByText(/Case ID:\s*CASE-1/)).toBeInTheDocument();
-    expect(screen.getByText(/Case ID:\s*CASE-2/)).toBeInTheDocument();
-    // No failure block when all succeeded.
-    expect(
-      screen.queryByText('Some requests failed'),
-    ).not.toBeInTheDocument();
+    expect(screen.getByText(/Case ID:\s*CASE-ORG/)).toBeInTheDocument();
+    // Empty product_name means the product line is not rendered.
+    expect(screen.queryByText('Acme Loyalty')).not.toBeInTheDocument();
   });
 
-  it('renders a failed-cases block with per-row retry buttons when failures exist', () => {
+  it('shows the contact in the confirmation line', () => {
     render(
       <RequestSubmit
-        result={partialResult}
+        result={productScopedResult}
         contact="alice@example.com"
         onCreateRequest={vi.fn()}
-        onRetry={vi.fn()}
       />,
     );
 
-    // Succeeded row still present.
-    expect(screen.getByText('Working Product')).toBeInTheDocument();
-    expect(screen.getByText(/Case ID:\s*CASE-OK/)).toBeInTheDocument();
-
-    // Failure block with product name, error message, retry button.
-    expect(screen.getByText('Some requests failed')).toBeInTheDocument();
-    expect(screen.getByText('Broken Product')).toBeInTheDocument();
-    expect(screen.getByText('Network unreachable')).toBeInTheDocument();
     expect(
-      screen.getByRole('button', { name: 'Retry' }),
+      screen.getByText(/Confirmation sent to:\s*alice@example\.com/),
     ).toBeInTheDocument();
   });
 
-  it('does not render retry buttons when onRetry is not provided', () => {
-    render(
-      <RequestSubmit
-        result={partialResult}
-        contact="alice@example.com"
-        onCreateRequest={vi.fn()}
-      />,
-    );
-
-    expect(screen.getByText('Some requests failed')).toBeInTheDocument();
-    expect(screen.queryByRole('button', { name: 'Retry' })).toBeNull();
-  });
-
-  it('invokes onRetry with the failed entry group_key when retry is clicked', () => {
-    const onRetry = vi.fn();
-    render(
-      <RequestSubmit
-        result={partialResult}
-        contact="alice@example.com"
-        onCreateRequest={vi.fn()}
-        onRetry={onRetry}
-      />,
-    );
-
-    fireEvent.click(screen.getByRole('button', { name: 'Retry' }));
-
-    expect(onRetry).toHaveBeenCalledTimes(1);
-    expect(onRetry).toHaveBeenCalledWith('prod-fail');
-  });
-
-  it('shows the Retrying… label and disables the button for rows in retryingGroupKeys', () => {
-    const onRetry = vi.fn();
-    render(
-      <RequestSubmit
-        result={partialResult}
-        contact="alice@example.com"
-        onCreateRequest={vi.fn()}
-        onRetry={onRetry}
-        retryingGroupKeys={new Set(['prod-fail'])}
-      />,
-    );
-
-    const button = screen.getByRole('button', {
-      name: /Retrying/,
-    }) as HTMLButtonElement;
-    expect(button).toBeInTheDocument();
-    expect(button.disabled).toBe(true);
-  });
-
   it('invokes onCreateRequest when "Back to homepage" is clicked', () => {
     const onCreateRequest = vi.fn();
     render(
       <RequestSubmit
-        result={singleSucceeded}
+        result={productScopedResult}
         contact="alice@example.com"
         onCreateRequest={onCreateRequest}
       />,
@@ -251,7 +120,7 @@ describe('RequestSubmit', () => {
   it('renders the erasure-revoke notice when revokeConsentOnFulfilment is true', () => {
     render(
       <RequestSubmit
-        result={singleSucceeded}
+        result={productScopedResult}
         contact="alice@example.com"
         onCreateRequest={vi.fn()}
         revokeConsentOnFulfilment
@@ -263,33 +132,4 @@ describe('RequestSubmit', () => {
       screen.getByText(/Marketing, Analytics/),
     ).toBeInTheDocument();
   });
-
-  it('renders nothing in the case-list area when succeeded is empty (failures-only)', () => {
-    // Edge case: every product failed. Header still shows the success
-    // banner (parent decides whether to render); the case-list area is
-    // omitted and the failure block is the only middle content.
-    const failuresOnly = makeResult({
-      failed: [
-        {
-          group_key: 'prod-a',
-          product_uuid: 'prod-a',
-          product_name: 'Product A',
-          error: 'Timeout',
-        },
-      ],
-    });
-    render(
-      <RequestSubmit
-        result={failuresOnly}
-        contact="alice@example.com"
-        onCreateRequest={vi.fn()}
-        onRetry={vi.fn()}
-      />,
-    );
-
-    expect(screen.queryByText(/Case ID:/)).not.toBeInTheDocument();
-    expect(screen.queryByText(/cases created/)).not.toBeInTheDocument();
-    expect(screen.getByText('Some requests failed')).toBeInTheDocument();
-    expect(screen.getByText('Product A')).toBeInTheDocument();
-  });
 });