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

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

  it('renders five bars resolving toward the three-line symbol', () => {
    const { container } = render(<SimboloTresLineas />);
    expect(container.querySelectorAll('rect')).toHaveLength(5);
  });

  it('takes its colour from currentColor, like the other brand graphics', () => {
    const { container } = render(<SimboloTresLineas />);
    container.querySelectorAll('rect').forEach((rect) => {
      expect(rect).toHaveAttribute('fill', 'currentColor');
    });
  });
});