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

vi.mock('@/Layouts/Web/WebLayout', () => ({ default: ({ children }) => <>{children}</> }));

import Faq from '@/Pages/Web/Faq';

describe('Web/Faq page', () => {
    it('renders without crashing', () => {
        render(<Faq />);
    });

    it('sets the correct page title', () => {
        render(<Faq />);
        expect(document.title).toBe('FAQ — Upepo POS');
    });

    it('displays Frequently Asked heading text', () => {
        render(<Faq />);
        expect(screen.getByText(/frequently asked/i)).toBeInTheDocument();
    });

    it('renders Got questions section', () => {
        render(<Faq />);
        expect(screen.getByText(/got questions\?/i)).toBeInTheDocument();
    });
});