Files
portal/app/tests/Frontend/AdminTenantDetailView.spec.ts
T
Дмитрий 768628d914 phase2(7-features): bulk-actions / new-deal / tenant-card / system-edit / webhook / smart-filters / impersonation-list
7-фичный auto-mode пакет согласно «карте что осталось» (после v1.54).

(1) Bulk-actions DealsView:
- dealsState reactive-копия MOCK_DEALS (deep-clone) для безопасного bulk-edit.
- Bulk-bar (sticky, теало-нуар, theme=dark) при selected.length > 0:
  count + Сменить статус (v-menu × 14 lead_statuses) + Экспорт (snackbar) +
  Удалить (v-dialog confirm) + ✕ clear.
- На production: smart status-transition с проверкой allowed-переходов;
  soft-delete (архив 30 дней); реальный CSV/XLSX export через xlsx-lib.

(2) NewDealDialog (used in DealsView+KanbanView):
- 6 полей: name/phone/project (MOCK_PROJECTS) / manager (MOCK_MANAGERS) /
  cost / status (default 'new' или presetStatus). Phone-валидация ≥10 цифр.
- emit('created', deal) → DealsView push в начало dealsState; KanbanView push
  в правильную колонку по statusSlug + totalDeals++.

(3) AdminTenantDetailView (/admin/tenants/:code):
- 4 KPI cards (Баланс/runway / Тариф+MRR/мес / Лиды сегодня+неделя+месяц /
  Средняя цена). 4 v-tabs: Финансы (balance-history) / Пользователи /
  Проекты / Активность с event-кодами.
- Кнопка «Войти как клиент» (использует ImpersonationDialog из v1.54).
  404-fallback. composables/mockTenantDetail.ts с expandTenantDetail.
- AdminTenantsView получил @click:row → router.push.

(4) Edit-flow AdminSystemView (audit-log + 2-step):
- Backend: SystemSetting + SaasAdminAuditLog Eloquent (append-only,
  payload_before/after JSONB casts).
- AdminSystemSettingsController с GET (list) + PUT (update в DB::transaction
  + INSERT в saas_admin_audit_log; hash-chain trigger BEFORE INSERT
  заполняет log_hash).
- Type-validation: int/decimal/bool/json. Reason ≥30 chars. No-op → 422.
- Frontend SystemSettingEditDialog — 3-step (edit → confirm с diff
  before/after → done).

(5) Webhook receive endpoint (POST /api/webhook/{token}):
- WebhookReceiveController::receive. Token = tenants.webhook_token.
- 404 unknown / 422 bad payload / 202 success + dispatch ProcessWebhookJob.
- Stub-INSERT в webhook_log через DB::table обёрнут в DB::transaction +
  SET LOCAL app.current_tenant_id для RLS.
- CSRF-исключение для api/webhook/* в bootstrap/app.php.
- На prod: + HMAC X-Webhook-Signature + per-token rate-limit.

(6) Smart-filters:
- DealsView: multi-select v-select Проект+Менеджер с auto availableProjects/
  availableManagers computed.
- AdminTenantsView: filterStatuses (4 STATUS_OPTIONS) + filterTariffs
  (computed availableTariffs).
- Кнопка «Сбросить» появляется только когда фильтры активны.

(7) AdminImpersonationView (/admin/impersonation):
- Backend +2 GET endpoints: /active (used_at != null AND session_ended_at
  == null) + /recent (last 20 завершённых с duration_seconds через
  abs(diffInSeconds) — Carbon signed по умолчанию).
- ImpersonationToken получил belongsTo(Tenant).
- Frontend view: 2 секции (Активные с end-кнопкой / Недавно завершённые
  read-only) + refresh + onMounted load.
- Маршрут /admin/impersonation + 5-й nav-пункт «Impersonation» в AdminLayout.

Vitest +48 (всего 238/238 за 15.31 сек).
Pest +16 (всего 136/136 за 15.8 сек, 495 assertions).
PHPStan baseline регенерирован (0 errors после фикса nullsafe.neverNull).

Регресс: lint+type-check+format ; vite build 937 ms; Pint+PHPStan passed;
Pest 136/136. Реестр v1.54→v1.55, CLAUDE.md v1.45→v1.46.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-09 05:33:21 +03:00

129 lines
6.0 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import { createRouter, createMemoryHistory } from 'vue-router';
import AdminTenantDetailView from '../../resources/js/views/admin/AdminTenantDetailView.vue';
const buildRouter = (code: string) => {
const router = createRouter({
history: createMemoryHistory(),
routes: [
{ path: '/admin/tenants', name: 'admin-tenants', component: { template: '<div />' } },
{
path: '/admin/tenants/:code',
name: 'admin-tenant-detail',
component: AdminTenantDetailView,
},
],
});
return router.push({ name: 'admin-tenant-detail', params: { code } }).then(() => router);
};
const mountDetail = async (code: string) => {
const router = await buildRouter(code);
await router.isReady();
return mount(AdminTenantDetailView, {
global: {
plugins: [createVuetify(), router],
stubs: { ImpersonationDialog: true },
},
});
};
describe('AdminTenantDetailView.vue', () => {
it('рендерит карточку Окна Москва ООО (TNT-0042) — name + ИНН + tariff', async () => {
const wrapper = await mountDetail('TNT-0042');
const text = wrapper.text();
expect(text).toContain('Окна Москва ООО');
expect(text).toContain('TNT-0042');
expect(text).toContain('ИНН 7724444444');
expect(text).toContain('Команда');
});
it('показывает 4 KPI cards (Баланс / Тариф / Лиды / Средняя цена)', async () => {
const wrapper = await mountDetail('TNT-0042');
['kpi-balance', 'kpi-mrr', 'kpi-leads', 'kpi-avg-cost'].forEach((id) => {
expect(wrapper.find(`[data-testid="${id}"]`).exists()).toBe(true);
});
});
it('по умолчанию активен таб «Финансы» (история операций)', async () => {
const wrapper = await mountDetail('TNT-0042');
expect(wrapper.find('[data-testid="pane-finance"]').exists()).toBe(true);
const text = wrapper.text();
expect(text).toContain('История операций');
// Хотя бы один tx из mock — пополнение ЮKassa
expect(text).toContain('Пополнение ЮKassa');
});
it('переключение таба Пользователи показывает таблицу users', async () => {
const wrapper = await mountDetail('TNT-0042');
const vm = wrapper.vm as unknown as { activeTab: string };
vm.activeTab = 'users';
await wrapper.vm.$nextTick();
expect(wrapper.find('[data-testid="pane-users"]').exists()).toBe(true);
const text = wrapper.text();
expect(text).toContain('admin@tnt-0042.ru');
expect(text).toContain('Иван П.');
expect(text).toContain('Администратор');
expect(text).toContain('Менеджер');
});
it('переключение таба Проекты показывает таблицу projects', async () => {
const wrapper = await mountDetail('TNT-0042');
const vm = wrapper.vm as unknown as { activeTab: string };
vm.activeTab = 'projects';
await wrapper.vm.$nextTick();
expect(wrapper.find('[data-testid="pane-projects"]').exists()).toBe(true);
const text = wrapper.text();
expect(text).toContain('Натяжные потолки');
expect(text).toContain('natyazhnye-potolki');
});
it('переключение таба Активность показывает activity-list с event-кодами', async () => {
const wrapper = await mountDetail('TNT-0042');
const vm = wrapper.vm as unknown as { activeTab: string };
vm.activeTab = 'activity';
await wrapper.vm.$nextTick();
expect(wrapper.find('[data-testid="pane-activity"]').exists()).toBe(true);
const text = wrapper.text();
expect(text).toContain('webhook.received');
expect(text).toContain('deal.created');
expect(text).toContain('login_success');
});
it('кнопка «Войти как клиент» open impersonationDialog', async () => {
const wrapper = await mountDetail('TNT-0042');
const vm = wrapper.vm as unknown as { impersonationOpen: boolean };
// ImpersonationOpen внутри script setup, но мы не expose'или — просто
// проверим что click меняет состояние через emitted ImpersonationDialog stub.
const btn = wrapper.find('[data-testid="impersonate-btn"]');
expect(btn.exists()).toBe(true);
await btn.trigger('click');
await wrapper.vm.$nextTick();
expect(vm.impersonationOpen).toBe(true);
});
it('suspended-тенант имеет disabled impersonate-кнопку', async () => {
const wrapper = await mountDetail('TNT-0105'); // Оконные системы РФ — suspended
const btn = wrapper.find('[data-testid="impersonate-btn"]');
expect(btn.exists()).toBe(true);
expect(btn.attributes('disabled')).toBeDefined();
});
it('неизвестный code → показывает 404 fallback', async () => {
const wrapper = await mountDetail('TNT-9999');
expect(wrapper.find('[data-testid="tenant-not-found"]').exists()).toBe(true);
expect(wrapper.text()).toContain('TNT-9999');
expect(wrapper.text()).toContain('не найден');
});
it('overdue-тенант (TNT-0092) — баланс с error-color, runway 0', async () => {
const wrapper = await mountDetail('TNT-0092');
const text = wrapper.text();
expect(text).toContain('Двери Премиум');
expect(text).toContain('Просрочка 3 дня');
expect(text).toMatch(/runway\s+~0\s+дн/);
});
});