import { describe, it, expect, beforeEach, vi } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import axios from 'axios';

import ChargesTab from '../../resources/js/views/billing/ChargesTab.vue';

vi.mock('axios');

// vite-plugin-vuetify auto-import регистрируется через vitest.config.ts,
// поэтому createVuetify() без явного передачи components работает.
const vuetify = createVuetify();

const mockData = {
    data: [
        {
            id: 1,
            charged_at: '2026-05-01T10:00:00Z',
            deal_id: 42,
            tier_no: 1,
            charge_source: 'rub',
            price_per_lead_kopecks: 50000,
        },
        {
            id: 2,
            charged_at: '2026-05-01T11:00:00Z',
            deal_id: 43,
            tier_no: 1,
            charge_source: 'prepaid',
            price_per_lead_kopecks: 0,
        },
    ],
    meta: { current_page: 1, last_page: 1, total: 2, per_page: 20 },
};

describe('ChargesTab', () => {
    beforeEach(() => {
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        (axios.get as any).mockResolvedValue({ data: mockData });
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        (axios.post as any).mockResolvedValue({ data: new Blob() });
        globalThis.URL.createObjectURL = vi.fn(() => 'blob:url');
        globalThis.URL.revokeObjectURL = vi.fn();
    });

    it('renders 2 charge rows from API', async () => {
        const wrapper = mount(ChargesTab, {
            global: { plugins: [vuetify], stubs: { RouterLink: true } },
        });
        await new Promise((r) => setTimeout(r, 50));
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        expect((wrapper.vm as any).total).toBe(2);
    });

    it('period change triggers refetch', async () => {
        const wrapper = mount(ChargesTab, {
            global: { plugins: [vuetify], stubs: { RouterLink: true } },
        });
        await new Promise((r) => setTimeout(r, 50));
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        (wrapper.vm as any).period = 'last_month';
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        await (wrapper.vm as any).refresh();
        expect(axios.get).toHaveBeenLastCalledWith('/api/billing/charges', {
            params: expect.objectContaining({ period: 'last_month' }),
        });
    });

    it('charge_source filter is sent in params', async () => {
        const wrapper = mount(ChargesTab, {
            global: { plugins: [vuetify], stubs: { RouterLink: true } },
        });
        await new Promise((r) => setTimeout(r, 50));
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        (wrapper.vm as any).source = 'prepaid';
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        await (wrapper.vm as any).refresh();
        expect(axios.get).toHaveBeenLastCalledWith('/api/billing/charges', {
            params: expect.objectContaining({ charge_source: 'prepaid' }),
        });
    });

    it('exportCsv fires POST /export with blob response', async () => {
        const wrapper = mount(ChargesTab, {
            global: { plugins: [vuetify], stubs: { RouterLink: true } },
        });
        await new Promise((r) => setTimeout(r, 50));
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        await (wrapper.vm as any).exportCsv();
        expect(axios.post).toHaveBeenCalledWith(
            '/api/billing/charges/export',
            expect.objectContaining({ period: 'current_month' }),
            expect.objectContaining({ responseType: 'blob' }),
        );
    });
});