import { describe, it, expect, beforeEach, vi } from 'vitest';
import { screen } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { renderWithProviders } from '@/test/utils';

vi.mock('@ckeditor/ckeditor5-react', () => ({ CKEditor: () => null }));
vi.mock('@ckeditor/ckeditor5-build-classic', () => ({ default: {} }));
vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn() } }));
vi.mock('@/components/ui/SearchableSelect', () => ({ default: () => null }));
vi.mock('@/lib/api', () => ({
    api: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), put: vi.fn(), delete: vi.fn() },
    ApiError: class extends Error {},
}));

import { api } from '@/lib/api';
import BlogFormPage from '@/pages/BlogFormPage';

const post = api.post as ReturnType<typeof vi.fn>;

beforeEach(() => {
    post.mockReset();
});

describe('BlogFormPage — اعتبارسنجی zod (حالت ساخت)', () => {
    it('submit با فیلدهای خالی → خطای عنوان و جلوگیری از فراخوانی API', async () => {
        renderWithProviders(<BlogFormPage />, { route: '/admin/blogs/new' });

        await userEvent.click(screen.getByRole('button', { name: 'ذخیره' }));

        expect(await screen.findByText('عنوان الزامی است')).toBeInTheDocument();
        expect(post).not.toHaveBeenCalled();
    });

    it('عنوان کوتاه‌تر از ۳ کاراکتر هم خطا می‌دهد', async () => {
        renderWithProviders(<BlogFormPage />, { route: '/admin/blogs/new' });

        await userEvent.type(screen.getByPlaceholderText('عنوان جذاب بنویسید...'), 'اب');
        await userEvent.click(screen.getByRole('button', { name: 'ذخیره' }));

        expect(await screen.findByText('عنوان الزامی است')).toBeInTheDocument();
        expect(post).not.toHaveBeenCalled();
    });
});
