Files
portal/app/tests/Frontend/ProjectLimitOverloadDialog.spec.ts
T
Дмитрий 9ff7bc8fa0 feat(биллинг-фронт): баланс на запуске — сообщения в рублях, метка «не запущен», группы
Фронт для правила «баланс блокирует запуск, а не создание»:
- ProjectLimitOverloadDialog переформулирован в «Проект не запущен — пополните
  ~X ₽ или уменьшите объём» (сумма в рублях topup_rub).
- NewProjectDialog: создание всегда успешно; при launch.deferred показывает
  сообщение (не блок). Update-лимита 409 → тот же диалог.
- Возобновление (toggle-active) ловит 409 balance_insufficient (стор не
  переключает is_active), показывает диалог; постоянная метка «Не запущен —
  не хватает баланса» на карточке/в панели по preflight_blocked_at/balance_blocked.
- BulkActionsBar: сводка «Запущено N, отложено M — не хватает баланса» на resume.
- Автоподбор: CreateScreen показывает сводку запуска (рубли); FieldCompetitor
  массовые pause/resume через общий POST /api/projects/bulk (наследует BULK_MAX,
  слепок-защиту, балансовый гейт).
- ProjectResource отдаёт preflight_blocked_at.

Новые/обновлённые фронт-тесты зелёные. Пред-существующий красный baseline
фронт-набора (ErrorView/Settings/Legal/… + ProjectsView v-show) не трогался.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-02 12:04:16 +03:00

113 lines
4.4 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, vi } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import { createRouter, createMemoryHistory } from 'vue-router';
import ProjectLimitOverloadDialog from '../../resources/js/components/projects/ProjectLimitOverloadDialog.vue';
/**
* Task 12 — переделка диалога «перегрузки лимита» в «запуск отложен».
* Billing v2 Spec C §6.2, план 2026-07-02-launch-gate-balance.md.
* Новое поле payload: topup_rub (сумма пополнения в рублях).
*/
const payload = {
current_balance_rub: '200.00',
current_capacity_leads: 4,
would_be_required_leads: 12,
deficit_leads: 8,
topup_rub: '400.00',
};
const mountDialog = (props?: Record<string, unknown>) =>
mount(ProjectLimitOverloadDialog, {
props: { modelValue: true, payload, ...props },
global: {
plugins: [createVuetify()],
stubs: { VDialog: { template: '<div><slot /></div>' } },
},
});
describe('ProjectLimitOverloadDialog — Task 12 (запуск отложен)', () => {
it('монтируется без ошибок', () => {
const w = mountDialog();
expect(w.exists()).toBe(true);
});
it('показывает текст «не запущен»', () => {
const w = mountDialog();
expect(w.text().toLowerCase()).toContain('не запущен');
});
it('показывает сумму пополнения из topup_rub', () => {
const w = mountDialog();
expect(w.text()).toContain('400');
});
it('содержит кнопку [data-test="topup"]', () => {
const w = mountDialog();
expect(w.find('[data-test="topup"]').exists()).toBe(true);
});
it('содержит кнопку [data-test="reduce"]', () => {
const w = mountDialog();
expect(w.find('[data-test="reduce"]').exists()).toBe(true);
});
it('содержит кнопку закрытия [data-test="close"]', () => {
const w = mountDialog();
expect(w.find('[data-test="close"]').exists()).toBe(true);
});
it('[data-test="topup"] закрывает диалог (update:modelValue=false)', async () => {
const w = mountDialog();
await w.find('[data-test="topup"]').trigger('click');
const emitted = w.emitted('update:modelValue') as unknown[][];
expect(emitted).toBeTruthy();
expect(emitted[0][0]).toBe(false);
});
it('[data-test="topup"] ведёт в /billing через router.push', async () => {
const router = createRouter({
history: createMemoryHistory(),
routes: [{ path: '/billing', component: { template: '<div>billing</div>' } }],
});
const push = vi.spyOn(router, 'push');
const w = mount(ProjectLimitOverloadDialog, {
props: { modelValue: true, payload },
global: { plugins: [createVuetify(), router], stubs: { VDialog: { template: '<div><slot /></div>' } } },
});
await w.find('[data-test="topup"]').trigger('click');
expect(push).toHaveBeenCalledWith('/billing');
});
it('[data-test="reduce"] эмитит set-zero', async () => {
const w = mountDialog();
await w.find('[data-test="reduce"]').trigger('click');
expect(w.emitted('set-zero')).toBeTruthy();
});
it('[data-test="close"] закрывает диалог (update:modelValue=false)', async () => {
const w = mountDialog();
await w.find('[data-test="close"]').trigger('click');
const emitted = w.emitted('update:modelValue') as unknown[][];
expect(emitted).toBeTruthy();
expect(emitted[0][0]).toBe(false);
});
it('payload=null — без падения, карточка не рендерится', () => {
const w = mount(ProjectLimitOverloadDialog, {
props: { modelValue: true, payload: null },
global: { plugins: [createVuetify()], stubs: { VDialog: { template: '<div><slot /></div>' } } },
});
expect(w.find('[data-testid="overload-dialog"]').exists()).toBe(false);
});
it('текст на «вы», без «ты»', () => {
const w = mountDialog();
const text = w.text();
expect(text).not.toContain('У тебя');
expect(text).not.toContain('пополни ');
expect(text).not.toContain('поставь ');
});
});