TREK/client/tests/unit/mobile/vacay/vacayDayModel.test.ts

import { describe, it, expect } from 'vitest';
import { dayVisual, hatchTint, monthLead, personTint, type DayVisualContext } from '../../../../src/mobile/screens/vacay/vacayDayModel';

// FE-MOB-VACAY-001 onwards

function ctx(overrides: Partial<DayVisualContext> = {}): DayVisualContext {
  return {
    todayStr: '2026-07-15',
    entryMap: {},
    companyHolidaySet: new Set(),
    companyHolidaysEnabled: true,
    holidays: {},
    weekendDays: [0, 6],
    ...overrides,
  };
}

describe('vacayDayModel', () => {
  it('FE-MOB-VACAY-001: applies the day-cell matrix in priority order', () => {
    const entry = { date: '2026-07-15', user_id: 1, person_color: '#EC4899' };
    const holiday = { name: 'Holiday', localName: 'Feiertag', color: '#fecaca', label: null };
    const full = ctx({
      entryMap: { '2026-07-15': [entry] },
      companyHolidaySet: new Set(['2026-07-15']),
      holidays: { '2026-07-15': holiday },
    });

    // Today wins over everything: ring, no fill.
    expect(dayVisual('2026-07-15', 3, full)).toEqual({
      background: 'transparent',
      numColor: 'var(--m-ink)',
      boxShadow: 'inset 0 0 0 1.5px var(--m-ink)',
    });

    // Company holiday beats logged entries and public holidays.
    const notToday = ctx({
      todayStr: '2026-01-01',
      entryMap: { '2026-07-15': [entry] },
      companyHolidaySet: new Set(['2026-07-15']),
      holidays: { '2026-07-15': holiday },
    });
    expect(dayVisual('2026-07-15', 3, notToday)).toEqual({ background: '#F5D9A6', numColor: '#8A5A00' });

    // ...but not when company holidays are disabled.
    expect(dayVisual('2026-07-15', 3, { ...notToday, companyHolidaysEnabled: false }).numColor).toBe('#101013');

    // Logged person: pastel tint of the person color, hard dark digit. One person
    // fills the cell directly and still reports the segment (#1074).
    const logged = ctx({ todayStr: '2026-01-01', entryMap: { '2026-07-15': [entry] } });
    expect(dayVisual('2026-07-15', 3, logged)).toEqual({
      background: personTint('#EC4899'),
      numColor: '#101013',
      segments: [{ color: personTint('#EC4899'), comp: false }],
    });

    // Public holiday: calendar color fill.
    const holidayOnly = ctx({ todayStr: '2026-01-01', holidays: { '2026-07-15': holiday } });
    expect(dayVisual('2026-07-15', 3, holidayOnly).background).toBe('#fecaca');

    // Weekend, then plain.
    expect(dayVisual('2026-07-18', 6, ctx({ todayStr: '2026-01-01' }))).toEqual({
      background: 'var(--m-ic)',
      numColor: 'var(--m-faint)',
    });
    expect(dayVisual('2026-07-16', 4, ctx({ todayStr: '2026-01-01' }))).toEqual({
      background: 'transparent',
      numColor: 'var(--m-muted)',
    });
  });

  it('FE-MOB-VACAY-002: splits logged days into segments and offsets month starts by week start', () => {
    const two = ctx({
      todayStr: '2026-01-01',
      entryMap: {
        '2026-07-15': [
          { date: '2026-07-15', user_id: 1, person_color: '#EC4899' },
          { date: '2026-07-15', user_id: 2, person_color: '#2FA9A0' },
        ],
      },
    });
    // Several persons render as segment overlays (#1074), so the cell itself stays
    // transparent underneath them and the split lives in `segments`.
    const shared = dayVisual('2026-07-15', 3, two);
    expect(shared.background).toBe('transparent');
    expect(shared.segments).toEqual([
      { color: personTint('#EC4899'), comp: false },
      { color: personTint('#2FA9A0'), comp: false },
    ]);

    // A comp/flex day marks its own segment without touching the other one.
    const mixed = ctx({
      todayStr: '2026-01-01',
      entryMap: {
        '2026-07-15': [
          { date: '2026-07-15', user_id: 1, person_color: '#EC4899', kind: 'comp' as const },
          { date: '2026-07-15', user_id: 2, person_color: '#2FA9A0' },
        ],
      },
    });
    expect(dayVisual('2026-07-15', 3, mixed).segments).toEqual([
      { color: personTint('#EC4899'), comp: true },
      { color: personTint('#2FA9A0'), comp: false },
    ]);

    // A single comp day hatches the whole cell instead.
    const soloComp = ctx({
      todayStr: '2026-01-01',
      entryMap: { '2026-07-15': [{ date: '2026-07-15', user_id: 1, person_color: '#EC4899', kind: 'comp' as const }] },
    });
    expect(dayVisual('2026-07-15', 3, soloComp).background).toBe(hatchTint(personTint('#EC4899')));
    // The hatch lets the screen through, so the digit keeps its colour and gains a
    // light shadow to stay readable; a day with a solid segment needs none.
    expect(dayVisual('2026-07-15', 3, soloComp).numColor).toBe('#101013');
    expect(dayVisual('2026-07-15', 3, soloComp).textShadow).toBeTruthy();
    expect(dayVisual('2026-07-15', 3, mixed).numColor).toBe('#101013');
    expect(dayVisual('2026-07-15', 3, mixed).textShadow).toBeUndefined();

    // July 2026 starts on a Wednesday: 2 leading cells Monday-first, 3 Sunday-first.
    expect(monthLead(2026, 6, 1)).toBe(2);
    expect(monthLead(2026, 6, 0)).toBe(3);
  });

  it('FE-MOB-VACAY-003: shared calendars draw inset rings on top of the base cell', () => {
    // Single shared calendar: one 1.5px ring, base cell untouched otherwise.
    const one = ctx({
      todayStr: '2026-01-01',
      sharedMap: { '2026-07-15': [{ color: '#EC4899' }] },
    });
    expect(dayVisual('2026-07-15', 3, one)).toEqual({
      background: 'transparent',
      numColor: 'var(--m-muted)',
      boxShadow: 'inset 0 0 0 1.5px #EC4899',
    });

    // Two calendars: rings step outward in 1.5px increments.
    const two = ctx({
      todayStr: '2026-01-01',
      sharedMap: { '2026-07-15': [{ color: '#EC4899' }, { color: '#2FA9A0' }] },
    });
    expect(dayVisual('2026-07-15', 3, two).boxShadow).toBe(
      'inset 0 0 0 1.5px #EC4899, inset 0 0 0 3px #2FA9A0',
    );

    // A third calendar is dropped — capped at two so mini cells stay readable.
    const three = ctx({
      todayStr: '2026-01-01',
      sharedMap: { '2026-07-15': [{ color: '#EC4899' }, { color: '#2FA9A0' }, { color: '#F59E0B' }] },
    });
    expect(dayVisual('2026-07-15', 3, three).boxShadow).toBe(
      'inset 0 0 0 1.5px #EC4899, inset 0 0 0 3px #2FA9A0',
    );

    // On today the shared ring nests inside the today ring.
    const today = ctx({ sharedMap: { '2026-07-15': [{ color: '#EC4899' }] } });
    expect(dayVisual('2026-07-15', 3, today).boxShadow).toBe(
      'inset 0 0 0 1.5px var(--m-ink), inset 0 0 0 3px #EC4899',
    );

    // No sharedMap (or no marks for the date): visuals stay exactly as before.
    expect(dayVisual('2026-07-16', 4, ctx({ todayStr: '2026-01-01' }))).toEqual({
      background: 'transparent',
      numColor: 'var(--m-muted)',
    });
    const otherDate = ctx({
      todayStr: '2026-01-01',
      sharedMap: { '2026-07-20': [{ color: '#EC4899' }] },
    });
    expect(dayVisual('2026-07-16', 4, otherDate)).toEqual({
      background: 'transparent',
      numColor: 'var(--m-muted)',
    });
  });
});