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

describe('UiCardFooter', () => {
  test('renders with custom class', () => {
    const { container } = render(UiCardFooter, {
      props: { class: 'custom-footer' },
      slots: {
        default: '<button>Action</button>',
      },
    });

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