test(Stat): cover Stat with tests
This commit is contained in:
28
src/shared/ui/Stat/Stat.svelte.test.ts
Normal file
28
src/shared/ui/Stat/Stat.svelte.test.ts
Normal file
@@ -0,0 +1,28 @@
|
||||
import {
|
||||
render,
|
||||
screen,
|
||||
} from '@testing-library/svelte';
|
||||
import Stat from './Stat.svelte';
|
||||
|
||||
describe('Stat', () => {
|
||||
it('renders label and value', () => {
|
||||
render(Stat, { label: 'weight', value: '400' });
|
||||
expect(screen.getByText('weight:')).toBeInTheDocument();
|
||||
expect(screen.getByText('400')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders numeric value', () => {
|
||||
render(Stat, { label: 'size', value: 16 });
|
||||
expect(screen.getByText('16')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('renders separator when separator=true', () => {
|
||||
const { container } = render(Stat, { label: 'x', value: 'y', separator: true });
|
||||
expect(container.querySelector('.w-px.h-2')).toBeInTheDocument();
|
||||
});
|
||||
|
||||
it('does not render separator by default', () => {
|
||||
const { container } = render(Stat, { label: 'x', value: 'y' });
|
||||
expect(container.querySelector('.w-px.h-2')).not.toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user