Дмитрий
245b76ec43
ESLint emitted 17 errors in tests/Frontend/* (production code clean):
- 13× @typescript-eslint/no-explicit-any in axios mock casts
(BulkActionsBar, ProjectsView, projectsStore specs)
- 3× vitest/no-disabled-tests rule-not-found
(eslint-plugin-vitest not registered; inline-disable comments stale)
- 1× @typescript-eslint/no-unused-vars on imported beforeEach
Plus Phase 5 audit finding: TwoFactorView.spec.ts test router was
missing /recovery-use stub → Vue Router warn on every TwoFactorView mount.
Changes:
- BulkActionsBar.spec.ts, ProjectsView.spec.ts, projectsStore.spec.ts:
replace `as any` with `as unknown as ReturnType<typeof vi.fn>` on
axios method mocks; one case used `as unknown as { regionsOpen: bool }`
for vm shape.
- NewProjectDialog.spec.ts, ProjectsView.spec.ts: remove stale
`// eslint-disable-next-line vitest/no-disabled-tests` comments
(it.skip() lines kept).
- ProjectsView.toolbar.spec.ts: drop unused `beforeEach` from import.
- TwoFactorView.spec.ts: add `/recovery-use` route stub.
Verification:
- npx eslint --max-warnings=0 → exit 0 (was 17 errors).
- npx vitest run on affected specs → 24/27 passed + 3 skipped (was same).
- TwoFactorView spec → 3/3 passed, no Vue Router warn.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
78 lines
3.0 KiB
TypeScript
78 lines
3.0 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';
|
|
import axios from 'axios';
|
|
|
|
vi.mock('axios');
|
|
|
|
import NewProjectDialog from '../../resources/js/views/projects/NewProjectDialog.vue';
|
|
import type { Project } from '../../resources/js/stores/projectsStore';
|
|
|
|
// VDialog в JSDOM не рендерит в teleport-цели; стаб делает <slot/> доступным
|
|
// внутри корня для wrapper.text() / find().
|
|
const factory = (
|
|
props: { modelValue: boolean; mode?: 'create' | 'edit'; project?: Project | null } = {
|
|
modelValue: true,
|
|
mode: 'create',
|
|
},
|
|
) =>
|
|
mount(NewProjectDialog, {
|
|
props,
|
|
global: {
|
|
plugins: [createVuetify()],
|
|
stubs: {
|
|
VDialog: {
|
|
template: '<div class="dialog-stub" v-if="modelValue"><slot /></div>',
|
|
props: ['modelValue'],
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
beforeEach(() => {
|
|
setActivePinia(createPinia());
|
|
vi.clearAllMocks();
|
|
});
|
|
|
|
describe('NewProjectDialog', () => {
|
|
it('renders 3 tabs: Сайт / Звонок / СМС', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const text = wrapper.text();
|
|
expect(text).toContain('Сайт');
|
|
expect(text).toContain('Звонок');
|
|
expect(text).toContain('СМС');
|
|
});
|
|
|
|
it('switching to SMS tab shows sms_senders field', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const tabs = wrapper.findComponent({ name: 'VTabs' });
|
|
if (tabs.exists()) {
|
|
tabs.vm.$emit('update:modelValue', 'sms');
|
|
}
|
|
await flushPromises();
|
|
expect(wrapper.text()).toMatch(/Отправители|sms_senders/i);
|
|
});
|
|
|
|
it('validation: empty site domain does not POST (button stays available, axios.post not called by default)', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const btn = wrapper.find('[data-testid="submit-btn"]');
|
|
expect(btn.exists()).toBe(true);
|
|
// Не нажимаем — проверяем, что данные формы по умолчанию пустые и POST ещё не вызван.
|
|
expect((axios.post as ReturnType<typeof vi.fn>).mock?.calls?.length ?? 0).toBe(0);
|
|
});
|
|
|
|
it.skip('submits valid site project to POST /api/projects', async () => {
|
|
// TODO: полная проверка submit требует rendering Vuetify-формы и заполнения
|
|
// v-text-field/v-combobox/v-btn-toggle — нестабильно в JSDOM. Покрытие
|
|
// делается через Histoire story + e2e (Playwright) после Plan 5 closure.
|
|
});
|
|
|
|
it.skip('emits saved event after successful POST', async () => {
|
|
// TODO: см. предыдущий skip — те же причины.
|
|
});
|
|
});
|