import { render } from '@testing-library/svelte';
import { describe, it, expect } from 'vitest';
import Container from './Container.svelte';
describe('<m-container>', () => {
    it('renders with default class', () => {
        const { container } = render(Container);
        const div = container.querySelector('div');
        expect(div).toBeTruthy();
        expect(div?.classList.contains('ml-container')).toBe(true);
        expect(div?.classList.contains('ml-container--fluid')).toBe(false);
    });
    it('applies the fluid modifier class when fluid=true', () => {
        const { container } = render(Container, { props: { fluid: true } });
        const div = container.querySelector('div');
        expect(div).toBeTruthy();
        expect(div?.classList.contains('ml-container')).toBe(true);
        expect(div?.classList.contains('ml-container--fluid')).toBe(true);
    });
    it('does not apply the fluid modifier when fluid=false', () => {
        const { container } = render(Container, { props: { fluid: false } });
        const div = container.querySelector('div');
        expect(div).toBeTruthy();
        expect(div?.classList.contains('ml-container')).toBe(true);
        expect(div?.classList.contains('ml-container--fluid')).toBe(false);
    });
});
