import React from 'react';
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
import AnnulationPage from '../page';

jest.mock('next-intl', () => ({
  useTranslations: () => (key: string) => {
    const t: Record<string, string> = {
      cancel_title: 'Vous avez annulé votre paiement',
      cancel_back: "Retourner au formulaire d'adhésion",
    };
    return t[key] || key;
  },
  useLocale: () => 'fr',
}));

describe('AnnulationPage', () => {
  it('shouldDisplayCancellationMessage', () => {
    render(<AnnulationPage />);
    expect(screen.getByText('Vous avez annulé votre paiement')).toBeInTheDocument();
  });

  it('shouldLinkBackToAdhesionForm', () => {
    render(<AnnulationPage />);
    const link = screen.getByText("Retourner au formulaire d'adhésion");
    expect(link).toBeInTheDocument();
    expect(link.closest('a')).toHaveAttribute('href', '/fr/adhesion');
  });
});