pn-new-crm/tests/unit/report-templates.test.tsx

import { describe, expect, it } from 'vitest';

import { renderPdf } from '@/lib/pdf/render';
import { ActivityReportPdf } from '@/lib/pdf/templates/reports/activity-report';
import { OccupancyReportPdf } from '@/lib/pdf/templates/reports/occupancy-report';
import { PipelineReportPdf } from '@/lib/pdf/templates/reports/pipeline-report';
import { RevenueReportPdf } from '@/lib/pdf/templates/reports/revenue-report';

const PORT_NAME = 'Port Test';

describe('report templates render', () => {
  it('activity report renders with logs + summary', async () => {
    const bytes = await renderPdf(
      <ActivityReportPdf
        portName={PORT_NAME}
        logoBuffer={null}
        data={{
          logs: Array.from({ length: 30 }, (_, i) => ({
            id: `id-${i}`,
            action: i % 3 === 0 ? 'create' : i % 3 === 1 ? 'update' : 'delete',
            entityType: i % 2 === 0 ? 'client' : 'berth',
            entityId: `e-${i}`,
            userId: `user-${i % 3}`,
            createdAt: new Date(2026, 4, (i % 28) + 1),
          })),
          summary: { create: 10, update: 10, delete: 10 },
          generatedAt: new Date().toISOString(),
        }}
      />,
    );
    expect(bytes.subarray(0, 5).toString('utf8')).toBe('%PDF-');
    expect(bytes.length).toBeGreaterThan(2000);
  }, 30_000);

  it('revenue report renders with multi-stage breakdown', async () => {
    const bytes = await renderPdf(
      <RevenueReportPdf
        portName={PORT_NAME}
        logoBuffer={null}
        data={{
          stageRevenue: {
            open: '12345.67',
            eoi_sent: '54321.00',
            contract_signed: '98765.43',
            completed: '111000.00',
          },
          totalCompleted: '111000.00',
          generatedAt: new Date().toISOString(),
        }}
        currency="USD"
      />,
    );
    expect(bytes.subarray(0, 5).toString('utf8')).toBe('%PDF-');
  }, 30_000);

  it('pipeline report renders funnel + top interests', async () => {
    const bytes = await renderPdf(
      <PipelineReportPdf
        portName={PORT_NAME}
        logoBuffer={null}
        data={{
          stageCounts: {
            open: 50,
            details_sent: 30,
            eoi_sent: 20,
            eoi_signed: 10,
            completed: 5,
          },
          topInterests: Array.from({ length: 8 }, (_, i) => ({
            id: `i-${i}`,
            clientId: `client-${i.toString().padStart(8, '0')}`,
            pipelineStage: 'eoi_sent',
            berthPrice: String(50000 + i * 5000),
          })),
          generatedAt: new Date().toISOString(),
        }}
      />,
    );
    expect(bytes.subarray(0, 5).toString('utf8')).toBe('%PDF-');
  }, 30_000);

  it('occupancy report renders pie + status table', async () => {
    const bytes = await renderPdf(
      <OccupancyReportPdf
        portName={PORT_NAME}
        logoBuffer={null}
        data={{
          statusCounts: {
            available: 42,
            under_offer: 12,
            sold: 38,
            reserved: 3,
            maintenance: 2,
          },
          occupancyRate: 0.42,
          totalBerths: 97,
          generatedAt: new Date().toISOString(),
        }}
      />,
    );
    expect(bytes.subarray(0, 5).toString('utf8')).toBe('%PDF-');
  }, 30_000);

  it('all reports gracefully handle empty data', async () => {
    const empty = await renderPdf(
      <ActivityReportPdf
        portName={PORT_NAME}
        logoBuffer={null}
        data={{ logs: [], summary: {}, generatedAt: new Date().toISOString() }}
      />,
    );
    expect(empty.length).toBeGreaterThan(500);
  }, 30_000);
});