Files
portal/app/tests/Frontend/NewProjectDialog.regions.spec.ts
T
Дмитрий e35fc6c938 feat(projects): require region + explicit «Вся РФ» with warning gate
План 4 Task 4 эпика project-migration-redesign.

- NewProjectDialog: отдельный чекбокс «Вся РФ» (89 субъектов в autocomplete
  без sentinel сохранены) + inline v-alert предупреждение + подтверждение.
- Взаимоисключение: выбор субъектов снимает «Вся РФ» и наоборот.
- Гейт submit: блок если ни субъектов, ни подтверждённой «Вся РФ»
  (errors.regions = «Выберите регион...»); «Вся РФ» -> regions=[] на API.
- Лейбл autocomplete «Регионы» (убрано «(пусто = вся РФ)»).
- watch immediate:true — инициализация vsyaRf/edit-prefill при mount
  (чинит EditProjectDialog submit при модальном открытии).
- Vitest 3/3 новых + 22 passed соседних (NewProject/Edit/ProjectsView) без регрессий.
2026-05-20 14:34:27 +03:00

100 lines
3.4 KiB
TypeScript

import { describe, it, expect, vi, beforeEach } from 'vitest';
import { mount, flushPromises } from '@vue/test-utils';
import { createPinia, setActivePinia } from 'pinia';
import { createVuetify } from 'vuetify';
vi.mock('axios');
vi.mock('../../resources/js/api/client', () => ({
apiClient: {
post: vi.fn().mockResolvedValue({ data: {} }),
patch: vi.fn().mockResolvedValue({ data: {} }),
},
ensureCsrfCookie: vi.fn().mockResolvedValue(undefined),
extractErrorMessage: vi.fn(() => 'Произошла ошибка.'),
}));
import { apiClient } from '../../resources/js/api/client';
import NewProjectDialog from '../../resources/js/views/projects/NewProjectDialog.vue';
// VDialog teleport-стаб (как в NewProjectDialog.spec.ts): рендерит слот инлайн.
const factory = () =>
mount(NewProjectDialog, {
props: { modelValue: true, mode: 'create' as const },
global: {
plugins: [createVuetify()],
stubs: {
VDialog: {
template: '<div class="dialog-stub" v-if="modelValue"><slot /></div>',
props: ['modelValue'],
},
},
},
});
beforeEach(() => {
setActivePinia(createPinia());
vi.clearAllMocks();
});
describe('NewProjectDialog — required region gate + «Вся РФ» (Plan 4 Task 4)', () => {
it('blocks submit when no region chosen and shows error', async () => {
const w = factory();
await flushPromises();
await w.find('[data-testid="submit-btn"]').trigger('click');
await flushPromises();
expect(apiClient.post).not.toHaveBeenCalled();
expect(w.text()).toContain('Выберите регион');
});
it('«Вся РФ» shows warning, requires confirm, then submits regions=[]', async () => {
const w = factory();
await flushPromises();
(w.vm as unknown as { chooseVsyaRf: () => void }).chooseVsyaRf();
await w.vm.$nextTick();
expect(w.text()).toContain('всю Россию');
await w.find('[data-testid="confirm-vsya-rf"]').trigger('click');
await w.vm.$nextTick();
await w.find('[data-testid="submit-btn"]').trigger('click');
await flushPromises();
expect(apiClient.post).toHaveBeenCalledTimes(1);
const payload = (apiClient.post as unknown as { mock: { calls: unknown[][] } }).mock.calls[0][1] as {
regions: number[];
};
expect(payload.regions).toEqual([]);
});
it('picking subjects after «Вся РФ» clears the confirmation (mutual exclusion)', async () => {
const w = factory();
await flushPromises();
const vm = w.vm as unknown as {
chooseVsyaRf: () => void;
confirmVsyaRf: () => void;
onRegionsChange: (codes: number[]) => void;
vsyaRfConfirmed: boolean;
};
vm.chooseVsyaRf();
vm.confirmVsyaRf();
await w.vm.$nextTick();
expect(vm.vsyaRfConfirmed).toBe(true);
vm.onRegionsChange([77]);
await w.vm.$nextTick();
expect(vm.vsyaRfConfirmed).toBe(false);
await w.find('[data-testid="submit-btn"]').trigger('click');
await flushPromises();
const payload = (apiClient.post as unknown as { mock: { calls: unknown[][] } }).mock.calls[0][1] as {
regions: number[];
};
expect(payload.regions).toEqual([77]);
});
});