diff --git a/src/shared/ui/Loader/Loader.svelte.test.ts b/src/shared/ui/Loader/Loader.svelte.test.ts new file mode 100644 index 0000000..14fa156 --- /dev/null +++ b/src/shared/ui/Loader/Loader.svelte.test.ts @@ -0,0 +1,28 @@ +import { + render, + screen, +} from '@testing-library/svelte'; +import Loader from './Loader.svelte'; + +describe('Loader', () => { + it('renders the default message', () => { + render(Loader); + expect(screen.getByText('analyzing_data')).toBeInTheDocument(); + }); + + it('renders a custom message', () => { + render(Loader, { message: 'loading_fonts' }); + expect(screen.getByText('loading_fonts')).toBeInTheDocument(); + }); + + it('renders the SVG spinner', () => { + const { container } = render(Loader); + expect(container.querySelector('svg')).toBeInTheDocument(); + }); + + it('renders the divider', () => { + const { container } = render(Loader); + const divider = container.querySelector('.w-px.h-3'); + expect(divider).toBeInTheDocument(); + }); +});