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

describe('<Mecanismo />', () => {
  it('renders the 3 steps in order', () => {
    render(<Mecanismo />);
    expect(screen.getByText('Inmersión')).toBeInTheDocument();
    expect(screen.getByText('Desafiar supuestos')).toBeInTheDocument();
    expect(screen.getByText('Estrategia ejecutable')).toBeInTheDocument();
  });
  it('renders step numbers 01/02/03', () => {
    const { container } = render(<Mecanismo />);
    expect(container.textContent).toMatch(/01.+02.+03/);
  });
});