Marcel Raddatz
5d2bb9e84e
- Fix logic bug `{#if !isPlanner === false}` - view/cook buttons now visible for all roles, swap only for planner
- Convert Tauschen from dead button to link with suggestions href
- Add week.ts unit tests (23 tests covering getWeekStart Sunday edge case, prevWeek/nextWeek, weekDays, isToday, formatWeekRange)
- Fix isToday to use UTC consistently (.toISOString().slice(0,10)) instead of local date
- Add server-side role guard to createPlan action (403 for members)
- Add weekStart format validation in createPlan action
- Add isSelected prop to DayMealCard with green treatment
- Make variety banner sticky on mobile (always visible per spec)
- Add day name abbreviation above date badge in desktop column headers
- Remove placeholder Navigation text from desktop sidebar
- Add aria-label to desktop empty tile buttons
- Add variety score partial failure test, multiple overlaps test, WeekStrip today+selected test
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
67 lines
2.5 KiB
TypeScript
67 lines
2.5 KiB
TypeScript
import { describe, it, expect } from 'vitest';
|
|
import { render, screen } from '@testing-library/svelte';
|
|
import WeekStrip from './WeekStrip.svelte';
|
|
|
|
const weekStart = '2026-03-30'; // Monday
|
|
|
|
const slots = [
|
|
{ id: 's1', slotDate: '2026-03-30', recipe: { id: 'r1', name: 'Pasta', effort: 'Easy' } },
|
|
{ id: 's2', slotDate: '2026-03-31', recipe: { id: 'r2', name: 'Curry', effort: 'Medium' } }
|
|
];
|
|
|
|
describe('WeekStrip', () => {
|
|
it('renders 7 day chips', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-03-30', today: '2026-04-03' } });
|
|
const chips = screen.getAllByRole('button');
|
|
expect(chips).toHaveLength(7);
|
|
});
|
|
|
|
it('marks today chip with data-today attribute', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-03-30', today: '2026-04-03' } });
|
|
const todayChip = screen.getByTestId('day-chip-2026-04-03');
|
|
expect(todayChip.getAttribute('data-today')).toBe('true');
|
|
});
|
|
|
|
it('marks selected chip with data-selected attribute', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-03-30', today: '2026-04-03' } });
|
|
const selectedChip = screen.getByTestId('day-chip-2026-03-30');
|
|
expect(selectedChip.getAttribute('data-selected')).toBe('true');
|
|
});
|
|
|
|
it('shows meal indicator dot for days with a meal', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-03-30', today: '2026-04-03' } });
|
|
const dot = screen.getByTestId('dot-2026-03-30');
|
|
expect(dot.getAttribute('data-has-meal')).toBe('true');
|
|
});
|
|
|
|
it('shows empty dot for days without a meal', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-03-30', today: '2026-04-03' } });
|
|
// 2026-04-01 has no meal
|
|
const dot = screen.getByTestId('dot-2026-04-01');
|
|
expect(dot.getAttribute('data-has-meal')).toBe('false');
|
|
});
|
|
|
|
it('when today equals selected day, both data-today and data-selected are true', () => {
|
|
render(WeekStrip, { props: { weekStart, slots, selectedDay: '2026-04-03', today: '2026-04-03' } });
|
|
const chip = screen.getByTestId('day-chip-2026-04-03');
|
|
expect(chip.getAttribute('data-today')).toBe('true');
|
|
expect(chip.getAttribute('data-selected')).toBe('true');
|
|
});
|
|
|
|
it('calls onselectDay callback when chip is clicked', async () => {
|
|
let emitted: string | null = null;
|
|
render(WeekStrip, {
|
|
props: {
|
|
weekStart,
|
|
slots,
|
|
selectedDay: '2026-03-30',
|
|
today: '2026-04-03',
|
|
onselectDay: (day: string) => { emitted = day; }
|
|
}
|
|
});
|
|
const chip = screen.getByTestId('day-chip-2026-03-31');
|
|
chip.click();
|
|
expect(emitted).toBe('2026-03-31');
|
|
});
|
|
});
|