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