portal/app/tests/Frontend/AdminTenantsView.spec.ts

import { describe, it, expect, vi, beforeEach } from 'vitest';
import { mount, flushPromises } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import { createRouter, createMemoryHistory } from 'vue-router';
import AdminTenantsView from '../../resources/js/views/admin/AdminTenantsView.vue';
import { MOCK_STATS, MOCK_TENANTS, type AdminTenant } from '../../resources/js/composables/mockTenants';

// Мокаем api/admin: listAdminTenants возвращает пустой ответ —
// smoke-тесты затем seed'ят tenantsState/stats напрямую через vm (defineExpose).
vi.mock('../../resources/js/api/admin', async (importOriginal) => {
    const orig = await importOriginal<typeof import('../../resources/js/api/admin')>();
    return {
        ...orig,
        listAdminTenants: vi.fn().mockResolvedValue({
            tenants: [],
            total: 0,
            limit: 100,
            offset: 0,
            stats: { total: 0, active: 0, trial: 0, overdue: 0 },
        }),
    };
});

beforeEach(() => {
    vi.clearAllMocks();
});

describe('AdminTenantsView.vue', () => {
    /** Монтирует view, ждёт mount-цикл, затем seed'ит state фикстурами. */
    const factory = async () => {
        // useRouter() в AdminTenantsView требует router-context в тестах.
        const router = createRouter({
            history: createMemoryHistory(),
            routes: [
                { path: '/admin/tenants', name: 'admin-tenants', component: AdminTenantsView },
                { path: '/admin/tenants/:code', name: 'admin-tenant-detail', component: { template: '<div />' } },
            ],
        });
        await router.push('/admin/tenants');
        await router.isReady();
        const wrapper = mount(AdminTenantsView, {
            global: {
                plugins: [createVuetify(), router],
                // ImpersonationDialog stubим — внутри использует api/admin axios.
                stubs: { ImpersonationDialog: true },
            },
        });
        await flushPromises();
        // Seed state напрямую через defineExpose — имитирует успешную загрузку с теми же фикстурами.
        const vm = wrapper.vm as unknown as {
            tenantsState: AdminTenant[];
            stats: typeof MOCK_STATS;
        };
        vm.tenantsState.splice(0, vm.tenantsState.length, ...MOCK_TENANTS.map((t) => ({ ...t })));
        Object.assign(vm.stats, MOCK_STATS);
        await wrapper.vm.$nextTick();
        return wrapper;
    };

    it('монтируется и содержит заголовок «Тенанты»', async () => {
        const wrapper = await factory();
        expect(wrapper.find('h1').text()).toBe('Тенанты');
    });

    it('показывает 5 stats: всего/активны/trial/просрочка/выручка', async () => {
        const wrapper = await factory();
        const text = wrapper.text();
        expect(text).toContain(`${MOCK_STATS.total}`); // 142
        expect(text).toContain('всего');
        expect(text).toContain(`${MOCK_STATS.active}`); // 128
        expect(text).toContain('активны');
        expect(text).toContain(`${MOCK_STATS.trial}`); // 9
        expect(text).toContain('trial');
        expect(text).toContain(`${MOCK_STATS.overdue}`); // 5
        expect(text).toContain('просрочка');
        expect(text).toContain('выручка месяц');
        // 1 248 600 ₽
        expect(text).toMatch(/1\s+248\s+600\s*₽/);
    });

    it('таблица содержит 7 колонок (Тенант/Статус/Тариф/Баланс/Желаем×факт/MRR/Активность)', async () => {
        const wrapper = await factory();
        const headers = wrapper.findAll('thead th').map((h) => h.text());
        ['Тенант', 'Статус', 'Тариф', 'Баланс', 'Желаем×факт', 'MRR', 'Активность'].forEach((label) => {
            expect(headers.some((h) => h.includes(label))).toBe(true);
        });
    });

    it('рендерит все 7 mock-tenants', async () => {
        const wrapper = await factory();
        const rows = wrapper.findAll('tbody tr');
        expect(rows.length).toBe(MOCK_TENANTS.length);
    });

    it('первая строка — Окна Москва ООО + ИНН + Активен + Команда', async () => {
        const wrapper = await factory();
        const text = wrapper.text();
        expect(text).toContain('Окна Москва ООО');
        expect(text).toContain('ИНН 7724444444');
        expect(text).toContain('Активен');
        expect(text).toContain('Команда');
    });

    it('overdue-тенант (Двери Премиум) показывает «Просрочка 3 дня» + отрицательный баланс', async () => {
        const wrapper = await factory();
        const text = wrapper.text();
        expect(text).toContain('Двери Премиум');
        expect(text).toContain('Просрочка 3 дня');
        expect(text).toMatch(/−1\s+200/); // -1200 без 0 ₽
    });

    it('trial-тенант (Ремонт под ключ) показывает «Trial · 4 дня» + MRR=—', async () => {
        const wrapper = await factory();
        const text = wrapper.text();
        expect(text).toContain('Ремонт под ключ');
        expect(text).toContain('Trial · 4 дня');
    });

    it('suspended-тенант (Оконные системы РФ) показывает «Приостановлен»', async () => {
        const wrapper = await factory();
        const text = wrapper.text();
        expect(text).toContain('Оконные системы РФ');
        expect(text).toContain('Приостановлен');
    });

    it('содержит search-input с placeholder «ИНН, юр. лицо, email админа…»', async () => {
        const wrapper = await factory();
        const input = wrapper.find('input[type="text"]');
        expect(input.exists()).toBe(true);
        expect(input.attributes('placeholder')).toContain('ИНН');
    });

    it('фильтр по search оставляет только matching-tenants', async () => {
        const wrapper = await factory();
        const input = wrapper.find('input[type="text"]');
        await input.setValue('Натяжные');
        await wrapper.vm.$nextTick();
        const rows = wrapper.findAll('tbody tr');
        expect(rows.length).toBe(1);
        expect(rows[0].text()).toContain('Натяжные потолки СПб');
    });

    it('содержит Экспорт-кнопку и фильтры Статус/Тариф', async () => {
        const wrapper = await factory();
        expect(wrapper.text()).toContain('Экспорт');
        expect(wrapper.find('[data-testid="filter-statuses"]').exists()).toBe(true);
        expect(wrapper.find('[data-testid="filter-tariffs"]').exists()).toBe(true);
    });

    it('фильтр по статусу «overdue» оставляет только просроченных', async () => {
        const wrapper = await factory();
        const vm = wrapper.vm as unknown as { filterStatuses: string[] };
        vm.filterStatuses = ['overdue'];
        await wrapper.vm.$nextTick();
        const rows = wrapper.findAll('tbody tr');
        expect(rows.length).toBe(1);
        expect(rows[0].text()).toContain('Двери Премиум');
    });

    it('фильтр по тарифу «Pro» оставляет 1 row', async () => {
        const wrapper = await factory();
        const vm = wrapper.vm as unknown as { filterTariffs: string[] };
        vm.filterTariffs = ['Pro'];
        await wrapper.vm.$nextTick();
        const rows = wrapper.findAll('tbody tr');
        expect(rows.length).toBe(1);
        expect(rows[0].text()).toContain('Кухни на заказ Екб');
    });

    it('clearFilters сбрасывает оба фильтра + кнопка «Сбросить» появляется только когда фильтры активны', async () => {
        const wrapper = await factory();
        const vm = wrapper.vm as unknown as {
            filterStatuses: string[];
            filterTariffs: string[];
            clearFilters: () => void;
        };
        // Default — кнопки нет
        expect(wrapper.find('[data-testid="clear-filters-btn"]').exists()).toBe(false);
        vm.filterStatuses = ['active'];
        await wrapper.vm.$nextTick();
        expect(wrapper.find('[data-testid="clear-filters-btn"]').exists()).toBe(true);
        vm.clearFilters();
        await wrapper.vm.$nextTick();
        expect(vm.filterStatuses).toEqual([]);
        expect(vm.filterTariffs).toEqual([]);
    });

    it('каждая строка имеет impersonate-кнопку (mdi-account-switch) с уникальным data-testid', async () => {
        const wrapper = await factory();
        // Все 7 mock-tenants должны иметь кнопку
        MOCK_TENANTS.forEach((t) => {
            const btn = wrapper.find(`[data-testid="impersonate-btn-${t.id}"]`);
            expect(btn.exists()).toBe(true);
        });
    });

    it('impersonate-кнопка disabled для suspended-тенанта (Оконные системы РФ id=105)', async () => {
        const wrapper = await factory();
        const suspendedBtn = wrapper.find('[data-testid="impersonate-btn-105"]');
        expect(suspendedBtn.exists()).toBe(true);
        // v-btn disabled-state — атрибут disabled на DOM-элементе
        expect(suspendedBtn.attributes('disabled')).toBeDefined();
    });

    it('click на impersonate-кнопке открывает ImpersonationDialog с правильным tenant', async () => {
        const wrapper = await factory();
        // До click — диалог закрыт (modelValue=false)
        const dialogStub = wrapper.findComponent({ name: 'ImpersonationDialog' });
        expect(dialogStub.exists()).toBe(true);
        expect(dialogStub.props('modelValue')).toBe(false);
        expect(dialogStub.props('tenant')).toBeNull();

        // Click по кнопке для Окна Москва (id=42)
        await wrapper.find('[data-testid="impersonate-btn-42"]').trigger('click');
        await wrapper.vm.$nextTick();

        // Диалог открывается с этим tenant
        expect(dialogStub.props('modelValue')).toBe(true);
        expect(dialogStub.props('tenant')).toMatchObject({ id: 42, name: 'Окна Москва ООО' });
        expect(dialogStub.props('requestedBy')).toBe(1);
    });

    it('API reject → tenantsState пустой + fetch-error-alert виден', async () => {
        const adminApi = await import('../../resources/js/api/admin');
        vi.mocked(adminApi.listAdminTenants).mockRejectedValueOnce(new Error('Network error'));

        const router = createRouter({
            history: createMemoryHistory(),
            routes: [
                { path: '/admin/tenants', name: 'admin-tenants', component: AdminTenantsView },
                { path: '/admin/tenants/:code', name: 'admin-tenant-detail', component: { template: '<div />' } },
            ],
        });
        await router.push('/admin/tenants');
        await router.isReady();
        const wrapper = mount(AdminTenantsView, {
            global: { plugins: [createVuetify(), router], stubs: { ImpersonationDialog: true } },
        });
        await flushPromises();

        const vm = wrapper.vm as unknown as { fetchError: boolean; tenantsState: unknown[] };
        expect(vm.fetchError).toBe(true);
        expect(vm.tenantsState.length).toBe(0);
        expect(wrapper.find('[data-testid="fetch-error-alert"]').exists()).toBe(true);
    });
});