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

describe('<Estratega />', () => {
  it('renders the bio', () => {
    render(<Estratega />);
    expect(screen.getByText(/años construyendo marcas/i)).toBeInTheDocument();
    expect(screen.getByText(/Hemos acompañado a más de 40 empresas/i)).toBeInTheDocument();
  });
  it('shows the confirmed figure — 25+, never the stale 30', () => {
    // La dueña confirmó 25+ (19/ago/2026); el 30 fue un borrador que
    // sobrevivió como hardcode después de que el copy pasó a 25.
    const { container } = render(<Estratega />);
    expect(container.textContent).not.toMatch(/30/);
  });
  it('renders the institutional quote', () => {
    render(<Estratega />);
    expect(screen.getByText(/Tu negocio ya demostró que funciona/i)).toBeInTheDocument();
  });
  it('never lets CSS uppercase turn the brand name into CREEER', () => {
    const { container } = render(<Estratega />);
    const brand = screen.getByText('creeer');
    expect(brand.className).toContain('normal-case');
    // the eyebrow around it may be uppercase, the brand name may not
    expect(brand.closest('p')?.className).toContain('uppercase');
    expect(container.textContent).not.toMatch(/CREEER|Creeer/);
  });
});