36 lines
1.3 KiB
TypeScript
36 lines
1.3 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { describe, it, expect } from 'vitest';
|
|
import SummaryCards from '../../../../src/components/stats/SummaryCards';
|
|
|
|
describe('SummaryCards', () => {
|
|
const mockSummary = {
|
|
total_sleeps: 10,
|
|
avg_sleeps_per_day: 2.5,
|
|
total_sleeps_all_time: 100,
|
|
avg_sleeps_per_day_all_time: 2.5,
|
|
};
|
|
|
|
it('renders null when no summary is provided', () => {
|
|
const { container } = render(<SummaryCards summary={undefined} />);
|
|
expect(container.firstChild).toBeNull();
|
|
});
|
|
|
|
it('renders all summary data correctly', () => {
|
|
render(<SummaryCards summary={mockSummary} />);
|
|
|
|
expect(screen.getByText('10')).toBeInTheDocument();
|
|
const avgSleeps = screen.getAllByText('2.5');
|
|
expect(avgSleeps).toHaveLength(2);
|
|
expect(screen.getByText('100')).toBeInTheDocument();
|
|
});
|
|
|
|
it('displays correct labels', () => {
|
|
render(<SummaryCards summary={mockSummary} />);
|
|
|
|
expect(screen.getByText(/Total sleeps in period/i)).toBeInTheDocument();
|
|
expect(screen.getByText(/Avg sleeps per day in period/i)).toBeInTheDocument();
|
|
expect(screen.getByText(/Total sleeps \(all time\)/i)).toBeInTheDocument();
|
|
expect(screen.getByText(/Avg sleeps per day \(all time\)/i)).toBeInTheDocument();
|
|
});
|
|
});
|