import { describe, it, expect } from 'vitest';
import { render } from '@testing-library/svelte';
import Avatar from './Avatar.svelte';
describe('m-avatar component', () => {
    it('renders with default size "s"', () => {
        const { container } = render(Avatar);
        const div = container.querySelector('div.mc-avatar');
        expect(div).toBeTruthy();
        expect(div?.classList.contains('mc-avatar--s')).toBe(true);
    });
    it('applies correct size class for size "l"', () => {
        const { container } = render(Avatar, { props: { size: 'l' } });
        const div = container.querySelector('div.mc-avatar');
        expect(div).toBeTruthy();
        expect(div?.classList.contains('mc-avatar--l')).toBe(true);
    });
});
