import { render } from '@testing-library/svelte';
import { describe, expect, it } from 'vitest';
import Tile from './Tile.svelte';
describe('m-tile', () => {
    it('applies the default class', () => {
        const { container } = render(Tile);
        const tile = container.querySelector('.mc-tile');
        expect(tile).toBeTruthy();
        expect(tile?.classList.contains('mc-tile--primary')).toBe(false);
    });
    it('applies the class for secondary appearance', () => {
        const { container } = render(Tile, { appearance: 'secondary' });
        const tile = container.querySelector('.mc-tile');
        expect(tile?.classList.contains('mc-tile--secondary')).toBe(true);
    });
    it('applies the "mc-tile--bordered" class when bordered is true', () => {
        const { container } = render(Tile, { bordered: true });
        const tile = container.querySelector('.mc-tile');
        expect(tile?.classList.contains('mc-tile--bordered')).toBe(true);
    });
});
