import { render } from '@testing-library/svelte';
import { it, expect, describe } from 'vitest';
import BuiltInMenu from './BuiltInMenu.svelte';
describe('BuiltInMenu component', () => {
    it('sets outlined modifier class when outlined prop is set to true', async () => {
        const { container } = render(BuiltInMenu, {
            props: { outlined: true },
        });
        const nav = container.querySelector('nav');
        expect(nav?.classList.contains('mc-built-in-menu--outlined')).toBe(true);
    });
    it('toggles outlined modifier class when outlined prop changes', async () => {
        const { container } = render(BuiltInMenu, {
            props: {},
        });
        const nav = container.querySelector('nav');
        expect(nav?.classList.contains('mc-built-in-menu--outlined')).toBe(false);
    });
});
