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

describe('<Footer />', () => {
  it('renders the tagline and the legal line', () => {
    render(<Footer />);
    expect(screen.getByText('CLARIDAD · DIRECCIÓN · CRECIMIENTO')).toBeInTheDocument();
    expect(screen.getByText(/© 2026 creeer/)).toBeInTheDocument();
  });
  it('does not introduce a second h1', () => {
    render(<Footer />);
    expect(screen.queryByRole('heading', { level: 1 })).toBeNull();
  });
  it('credits the stock photos per their CC BY-SA 4.0 licence', () => {
    render(<Footer />);
    expect(screen.getAllByText(/CC BY-SA 4\.0/)).toHaveLength(2);
    expect(screen.getByText(/Golden Gate Bridge/)).toBeInTheDocument();
    expect(screen.getByText(/Monte Nardi/)).toBeInTheDocument();
    expect(screen.getAllByText(/modificada/).length).toBe(2);
  });
});