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

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

  it('draws the growth line, the drift-away line and the strategy line', () => {
    const { container } = render(<IlustracionInflexion />);
    expect(container.querySelectorAll('path')).toHaveLength(3);
  });

  it('marks the inflection point itself', () => {
    const { container } = render(<IlustracionInflexion />);
    expect(container.querySelectorAll('circle').length).toBeGreaterThanOrEqual(1);
  });
});