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(/30 años/i)).toBeInTheDocument();
  });
  it('renders the institutional quote', () => {
    render(<Estratega />);
    expect(screen.getByText(/El tiempo no se compra/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/);
  });
});