2026-05-08 19:23:28 +03:00
|
|
|
|
import { describe, it, expect } from 'vitest';
|
|
|
|
|
|
import { mount } from '@vue/test-utils';
|
|
|
|
|
|
import { createVuetify } from 'vuetify';
|
2026-05-09 05:33:21 +03:00
|
|
|
|
import { createRouter, createMemoryHistory } from 'vue-router';
|
2026-05-08 19:23:28 +03:00
|
|
|
|
import AdminTenantsView from '../../resources/js/views/admin/AdminTenantsView.vue';
|
|
|
|
|
|
import { MOCK_STATS, MOCK_TENANTS } from '../../resources/js/composables/mockTenants';
|
|
|
|
|
|
|
|
|
|
|
|
describe('AdminTenantsView.vue', () => {
|
2026-05-09 05:33:21 +03:00
|
|
|
|
const factory = () => {
|
|
|
|
|
|
// 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 />' } },
|
|
|
|
|
|
],
|
|
|
|
|
|
});
|
|
|
|
|
|
return mount(AdminTenantsView, {
|
2026-05-09 04:52:52 +03:00
|
|
|
|
global: {
|
2026-05-09 05:33:21 +03:00
|
|
|
|
plugins: [createVuetify(), router],
|
2026-05-09 04:52:52 +03:00
|
|
|
|
// ImpersonationDialog stubим — внутри использует api/admin axios.
|
|
|
|
|
|
stubs: { ImpersonationDialog: true },
|
|
|
|
|
|
},
|
2026-05-08 19:23:28 +03:00
|
|
|
|
});
|
2026-05-09 05:33:21 +03:00
|
|
|
|
};
|
2026-05-08 19:23:28 +03:00
|
|
|
|
|
|
|
|
|
|
it('монтируется и содержит заголовок «Тенанты»', () => {
|
|
|
|
|
|
const wrapper = factory();
|
|
|
|
|
|
expect(wrapper.find('h1').text()).toBe('Тенанты');
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('показывает 5 stats: всего/активны/trial/просрочка/выручка', () => {
|
|
|
|
|
|
const wrapper = 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/Активность)', () => {
|
|
|
|
|
|
const wrapper = 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', () => {
|
|
|
|
|
|
const wrapper = factory();
|
|
|
|
|
|
const rows = wrapper.findAll('tbody tr');
|
|
|
|
|
|
expect(rows.length).toBe(MOCK_TENANTS.length);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('первая строка — Окна Москва ООО + ИНН + Активен + Команда', () => {
|
|
|
|
|
|
const wrapper = factory();
|
|
|
|
|
|
const text = wrapper.text();
|
|
|
|
|
|
expect(text).toContain('Окна Москва ООО');
|
|
|
|
|
|
expect(text).toContain('ИНН 7724444444');
|
|
|
|
|
|
expect(text).toContain('Активен');
|
|
|
|
|
|
expect(text).toContain('Команда');
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('overdue-тенант (Двери Премиум) показывает «Просрочка 3 дня» + отрицательный баланс', () => {
|
|
|
|
|
|
const wrapper = 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=—', () => {
|
|
|
|
|
|
const wrapper = factory();
|
|
|
|
|
|
const text = wrapper.text();
|
|
|
|
|
|
expect(text).toContain('Ремонт под ключ');
|
|
|
|
|
|
expect(text).toContain('Trial · 4 дня');
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('suspended-тенант (Оконные системы РФ) показывает «Приостановлен»', () => {
|
|
|
|
|
|
const wrapper = factory();
|
|
|
|
|
|
const text = wrapper.text();
|
|
|
|
|
|
expect(text).toContain('Оконные системы РФ');
|
|
|
|
|
|
expect(text).toContain('Приостановлен');
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('содержит search-input с placeholder «ИНН, юр. лицо, email админа…»', () => {
|
|
|
|
|
|
const wrapper = 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 = 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('содержит Экспорт-кнопку и фильтры Статус/Тариф', () => {
|
|
|
|
|
|
const wrapper = factory();
|
2026-05-09 05:33:21 +03:00
|
|
|
|
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 = 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 = 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 = 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([]);
|
2026-05-08 19:23:28 +03:00
|
|
|
|
});
|
2026-05-09 04:52:52 +03:00
|
|
|
|
|
|
|
|
|
|
it('каждая строка имеет impersonate-кнопку (mdi-account-switch) с уникальным data-testid', () => {
|
|
|
|
|
|
const wrapper = 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)', () => {
|
|
|
|
|
|
const wrapper = 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 = 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);
|
|
|
|
|
|
});
|
2026-05-08 19:23:28 +03:00
|
|
|
|
});
|