atomic-design-poc/src/app/registratie/domain/aanvraag-view.spec.ts

import { describe, it, expect } from 'vitest';
import { submittedRow, detailRows, purposeLabel, statusLabel, TYPE_LABELS } from './aanvraag-view';
import { Aanvraag } from './aanvraag';

const base = {
  id: '1',
  type: 'herregistratie' as const,
  documentIds: [],
  createdAt: '',
  updatedAt: '',
  submittedAt: '2024-05-12',
};

describe('submittedRow', () => {
  it('heading is the type, subtitle is the purpose', () => {
    const row = submittedRow({
      ...base,
      status: { tag: 'InBehandeling', referentie: 'R1', manual: false },
    } as Aanvraag);
    expect(row.heading).toBe(TYPE_LABELS.herregistratie);
    expect(row.subtitle).toBe(purposeLabel('herregistratie'));
  });

  it('status line carries the status label, reference and submit date', () => {
    const row = submittedRow({
      ...base,
      status: { tag: 'InBehandeling', referentie: 'R1', manual: false },
    } as Aanvraag);
    expect(row.status).toContain(
      statusLabel({ tag: 'InBehandeling', referentie: 'R1', manual: false }),
    );
    expect(row.status).toContain('R1');
    expect(row.status).toContain('12 mei 2024');
  });

  it('manual review adds a note; rejection adds its reason', () => {
    const manual = submittedRow({
      ...base,
      status: { tag: 'InBehandeling', referentie: 'R1', manual: true },
    } as Aanvraag);
    expect(manual.status).toContain('handmatig');
    const rejected = submittedRow({
      ...base,
      status: { tag: 'Afgewezen', referentie: 'R2', reden: 'Onvoldoende uren' },
    } as Aanvraag);
    expect(rejected.status).toContain('Onvoldoende uren');
  });

  it('meer-info-gevraagd adds its reason, like a rejection', () => {
    const row = submittedRow({
      ...base,
      status: { tag: 'MeerInfoGevraagd', referentie: 'R3', reden: 'Diploma ontbreekt' },
    } as Aanvraag);
    expect(row.status).toContain('Diploma ontbreekt');
  });
});

describe('detailRows', () => {
  it('lists soort/waarvoor/status/referentie/ingediend, plus reason when rejected', () => {
    const rows = detailRows({
      ...base,
      status: { tag: 'Afgewezen', referentie: 'R2', reden: 'Onvoldoende uren' },
    } as Aanvraag);
    const values = rows.map((r) => r.value);
    expect(values).toContain(TYPE_LABELS.herregistratie);
    expect(values).toContain('R2');
    expect(values).toContain('Onvoldoende uren');
    expect(rows.length).toBe(6);
  });

  it('reference falls back to em dash for a Concept', () => {
    const rows = detailRows({
      ...base,
      submittedAt: undefined,
      status: { tag: 'Concept', stepIndex: 0, stepCount: 3 },
    } as Aanvraag);
    const ref = rows.find((r) => r.value === '—');
    expect(ref).toBeTruthy();
    expect(rows.length).toBe(5);
  });
});