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'; // listAdminTenants мокаем пустым ответом — smoke/render-тесты затем seed'ят // tenantsState/stats напрямую через vm (defineExpose). Серверные фильтры/пагинация: // фильтр-тесты проверяют, что view зовёт listAdminTenants с правильными параметрами. vi.mock('../../resources/js/api/admin', () => ({ listAdminTenants: vi.fn().mockResolvedValue({ tenants: [], total: 0, limit: 25, offset: 0, stats: { total: 0, active: 0, trial: 0, overdue: 0 }, }), listAdminTariffPlans: vi.fn().mockResolvedValue([ { id: 1, name: 'Команда', price_monthly: '990.00' }, { id: 2, name: 'Pro', price_monthly: '2990.00' }, ]), })); beforeEach(() => { vi.clearAllMocks(); }); describe('AdminTenantsView.vue', () => { /** Монтирует view, ждёт mount-цикл, затем seed'ит state фикстурами. */ const factory = async () => { const router = createRouter({ history: createMemoryHistory(), routes: [ { path: '/admin/tenants', name: 'admin-tenants', component: AdminTenantsView }, { path: '/admin/tenants/:code', name: 'admin-tenant-detail', component: { template: '
' } }, ], }); await router.push('/admin/tenants'); await router.isReady(); const wrapper = mount(AdminTenantsView, { global: { plugins: [createVuetify(), router], stubs: { ImpersonationDialog: true, TenantBalanceDialog: true }, }, }); await flushPromises(); // Seed state напрямую через defineExpose — имитирует успешную загрузку страницы. const vm = wrapper.vm as unknown as { tenantsState: AdminTenant[]; stats: typeof MOCK_STATS; total: number; }; vm.tenantsState.splice(0, vm.tenantsState.length, ...MOCK_TENANTS.map((t) => ({ ...t }))); Object.assign(vm.stats, MOCK_STATS); vm.total = MOCK_TENANTS.length; 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', async () => { const wrapper = await factory(); const api = await import('../../resources/js/api/admin'); const vm = wrapper.vm as unknown as { search: string; loadTenants: () => Promise