import { describe, it, expect, vi } from 'vitest';
import { render, screen } from '@testing-library/react';
import React from 'react';
import { MemoryRouter } from 'react-router-dom';
import HelpAutomations from '../HelpAutomations';

vi.mock('react-i18next', () => ({
  useTranslation: () => ({
    t: (key: string, fallback?: string) => fallback || key,
  }),
}));

const renderWithRouter = (component: React.ReactElement) => {
  return render(
    React.createElement(MemoryRouter, {}, component)
  );
};

describe('HelpAutomations', () => {
  it('renders the page title', () => {
    renderWithRouter(React.createElement(HelpAutomations));
    expect(screen.getByText('Automations Guide')).toBeInTheDocument();
  });

  it('renders back button', () => {
    renderWithRouter(React.createElement(HelpAutomations));
    expect(screen.getByText('Back')).toBeInTheDocument();
  });

  it('renders overview section', () => {
    renderWithRouter(React.createElement(HelpAutomations));
    expect(screen.getByText('Overview')).toBeInTheDocument();
  });
});