80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import { describe, it, expect, vi } from 'vitest';
|
|
import { render, screen } from '@testing-library/svelte';
|
|
import { userEvent } from '@testing-library/user-event';
|
|
import MealActionSheet from './MealActionSheet.svelte';
|
|
|
|
const slot = {
|
|
id: 's1',
|
|
slotDate: '2026-04-08',
|
|
recipe: { id: 'r1', name: 'Tomato pasta', effort: 'easy', cookTimeMin: 45 }
|
|
};
|
|
|
|
const baseProps = {
|
|
open: true,
|
|
slot,
|
|
onswap: vi.fn(),
|
|
oncancel: vi.fn()
|
|
};
|
|
|
|
describe('MealActionSheet', () => {
|
|
it('renders meal title', () => {
|
|
render(MealActionSheet, { props: baseProps });
|
|
expect(screen.getByText('Tomato pasta')).toBeTruthy();
|
|
});
|
|
|
|
it('renders meal metadata', () => {
|
|
render(MealActionSheet, { props: baseProps });
|
|
expect(screen.getByText(/45 min/i)).toBeTruthy();
|
|
expect(screen.getByText(/easy/i)).toBeTruthy();
|
|
});
|
|
|
|
it('renders all 4 action buttons', () => {
|
|
render(MealActionSheet, { props: baseProps });
|
|
expect(screen.getByRole('button', { name: /Swap this meal/i })).toBeTruthy();
|
|
expect(screen.getByRole('link', { name: /Cook now/i })).toBeTruthy();
|
|
expect(screen.getByRole('link', { name: /View recipe/i })).toBeTruthy();
|
|
expect(screen.getByRole('button', { name: /Cancel/i })).toBeTruthy();
|
|
});
|
|
|
|
it('Cook now links to the cook route', () => {
|
|
render(MealActionSheet, { props: baseProps });
|
|
const link = screen.getByRole('link', { name: /Cook now/i });
|
|
expect(link.getAttribute('href')).toBe('/recipes/r1/cook');
|
|
});
|
|
|
|
it('View recipe links to the recipe detail route', () => {
|
|
render(MealActionSheet, { props: baseProps });
|
|
const link = screen.getByRole('link', { name: /View recipe/i });
|
|
expect(link.getAttribute('href')).toBe('/recipes/r1');
|
|
});
|
|
|
|
it('clicking Swap this meal calls onswap', async () => {
|
|
const onswap = vi.fn();
|
|
const user = userEvent.setup();
|
|
render(MealActionSheet, { props: { ...baseProps, onswap } });
|
|
await user.click(screen.getByRole('button', { name: /Swap this meal/i }));
|
|
expect(onswap).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it('clicking Cancel calls oncancel', async () => {
|
|
const oncancel = vi.fn();
|
|
const user = userEvent.setup();
|
|
render(MealActionSheet, { props: { ...baseProps, oncancel } });
|
|
await user.click(screen.getByRole('button', { name: /Cancel/i }));
|
|
expect(oncancel).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it('clicking backdrop calls oncancel', async () => {
|
|
const oncancel = vi.fn();
|
|
const user = userEvent.setup();
|
|
render(MealActionSheet, { props: { ...baseProps, oncancel } });
|
|
await user.click(screen.getByTestId('sheet-backdrop'));
|
|
expect(oncancel).toHaveBeenCalledOnce();
|
|
});
|
|
|
|
it('does not render when open is false', () => {
|
|
render(MealActionSheet, { props: { ...baseProps, open: false } });
|
|
expect(screen.queryByText('Tomato pasta')).toBeNull();
|
|
});
|
|
});
|