import { render, screen } from '@testing-library/react';
import { describe, it, expect } from 'vitest';
import { Disciplinas } from '../Disciplinas';

describe('<Disciplinas />', () => {
  it('renders the 3 disciplines', () => {
    render(<Disciplinas />);
    expect(screen.getByText('Comunicación')).toBeInTheDocument();
    expect(screen.getByText('Digital')).toBeInTheDocument();
    expect(screen.getByText('Experiencias')).toBeInTheDocument();
  });
  it('renders disciplines in a semantic list (ul/li) for a11y', () => {
    const { container } = render(<Disciplinas />);
    const list = container.querySelector('ul');
    expect(list).not.toBeNull();
    const items = list?.querySelectorAll('li');
    expect(items?.length).toBe(3);
  });
});