import '@testing-library/jest-dom/vitest';
import { render } from '@testing-library/vue';
import { describe, expect, test } from 'vitest';
import UiCard from '../UiCard.vue';

describe('UiCard', () => {
  test('renders with custom class', () => {
    const { container } = render(UiCard, {
      props: { class: 'custom-card' },
      slots: {
        default: '<p>Card content</p>',
      },
    });

    const card = container.querySelector('[data-slot="card"]');
    expect(card).toBeInTheDocument();
    expect(card).toHaveClass('custom-card');
  });
});
