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

describe('UiCardHeader', () => {
  test('renders with custom class', () => {
    const { container } = render(UiCardHeader, {
      props: { class: 'custom-header' },
      slots: {
        default: '<span>Header content</span>',
      },
    });

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