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

describe('<FondoPuntos />', () => {
  it('is decorative: hidden from assistive tech', () => {
    const { container } = render(<FondoPuntos />);
    expect(container.firstElementChild).toHaveAttribute('aria-hidden', 'true');
  });

  it('renders the dot pattern', () => {
    const { container } = render(<FondoPuntos />);
    expect(container.querySelectorAll('circle').length).toBeGreaterThan(0);
  });

  it('does not throw when the cursor moves, with or without interactivo', () => {
    const { container } = render(<FondoPuntos interactivo />);
    expect(() => fireEvent.mouseMove(window, { clientX: 100, clientY: 100 })).not.toThrow();
    expect(container.querySelectorAll('circle').length).toBeGreaterThan(0);
  });
});