import { describe, it, expect, vi, beforeEach } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import axios from 'axios';
import AdminSupplierIntegrationView from '../../resources/js/views/admin/AdminSupplierIntegrationView.vue';

vi.mock('axios');

const vuetify = createVuetify();

const healthPayload = {
    health: { last_run_at: '2026-05-18T12:00:00Z', last_status: 'ok', drift_ratio: 0.02, webhook_state: 'live' },
    history: [
        {
            started_at: '2026-05-18T12:00:00Z', finished_at: '2026-05-18T12:01:00Z',
            window_start: '2026-05-17T00:00:00Z', window_end: '2026-05-18T12:00:00Z',
            status: 'ok', total_csv_rows: 100, matched_count: 98, recovered_count: 2, drift_ratio: 0.02,
        },
    ],
};

function mountView() {
    return mount(AdminSupplierIntegrationView, { global: { plugins: [vuetify] } });
}

beforeEach(() => {
    vi.clearAllMocks();
    (axios.get as ReturnType<typeof vi.fn>).mockResolvedValue({ data: healthPayload });
    (axios.post as ReturnType<typeof vi.fn>).mockResolvedValue({ data: { dispatched: true } });
});

describe('AdminSupplierIntegrationView', () => {
    it('loads channel health on mount', async () => {
        const wrapper = mountView();
        await new Promise((r) => setTimeout(r, 0));
        expect(axios.get).toHaveBeenCalledWith('/api/admin/supplier-integration');
        expect(wrapper.text()).toContain('live');
    });

    it('renders reconcile history rows', async () => {
        const wrapper = mountView();
        await new Promise((r) => setTimeout(r, 0));
        await wrapper.vm.$nextTick();
        expect(wrapper.text()).toContain('100');
    });

    it('triggers manual reconcile on button click', async () => {
        const wrapper = mountView();
        await new Promise((r) => setTimeout(r, 0));
        await wrapper.find('[data-test="reconcile-now"]').trigger('click');
        expect(axios.post).toHaveBeenCalledWith('/api/admin/supplier-integration/reconcile');
    });
});