Дмитрий
d39934c8d9
- KanbanCard: компактная карточка (name/phone/project/cost/manager-avatar),
emit('open',id) на click для будущего DealDetailDrawer.
- KanbanColumn: header с border-top по colorHex статуса (--accent CSS-var) +
name+count+total ₽; body с v-for карточек + empty-state «пусто».
- KanbanView: orchestrator, 14 колонок (по LEAD_STATUSES) с группировкой
MOCK_DEALS по statusSlug, horizontal-scroll с custom scrollbar.
- Маршрут /kanban (meta.layout=app) в router + web.php.
- .gitleaks.toml: tests/Frontend/*.spec.ts в allowlist (assertion на mock-телефоны).
- cspell-words.txt: инлайн, vueuse.
DnD НЕ реализован на MVP - отдельный коммит после выбора библиотеки
(vue-draggable-next или @vueuse/integrations/useSortable).
Vitest +14 (всего 70/70 за 7.37s):
- KanbanCard 3 (data + initials + emit open)
- KanbanColumn 5 (header + total + empty + accent CSS-var case-insensitive +
проброс openDeal)
- KanbanView 6 (заголовок + 14 columns + правильные status'ы + stats + кнопка +
DnD-предупреждение)
Регресс: lint+type+format OK; vitest 70/70; vite build (KanbanView lazy-chunk);
story:build 14/20 за 31.17s; Pest 48/48 за 5.06s.
CLAUDE.md v1.23->v1.24, реестр Открытых_вопросов v1.32->v1.33.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
35 lines
1.4 KiB
TypeScript
35 lines
1.4 KiB
TypeScript
import { describe, it, expect } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import { createVuetify } from 'vuetify';
|
|
import KanbanCard from '../../resources/js/components/kanban/KanbanCard.vue';
|
|
import { MOCK_DEALS } from '../../resources/js/composables/mockDeals';
|
|
|
|
describe('KanbanCard.vue', () => {
|
|
const factory = (deal = MOCK_DEALS[0]) =>
|
|
mount(KanbanCard, {
|
|
props: { deal },
|
|
global: { plugins: [createVuetify()] },
|
|
});
|
|
|
|
it('рендерит имя, телефон, проект и стоимость', () => {
|
|
const wrapper = factory(MOCK_DEALS[0]);
|
|
const text = wrapper.text();
|
|
expect(text).toContain('Анна Соколова');
|
|
expect(text).toContain('+7 (916) 871-23-45');
|
|
expect(text).toContain('Натяжные потолки');
|
|
expect(text).toMatch(/1\s+850\s*₽/);
|
|
});
|
|
|
|
it('показывает initials менеджера', () => {
|
|
const wrapper = factory(MOCK_DEALS[0]);
|
|
expect(wrapper.text()).toContain('ИП');
|
|
});
|
|
|
|
it('emit-ит open(id) при клике', async () => {
|
|
const wrapper = factory(MOCK_DEALS[0]);
|
|
await wrapper.find('.kanban-card').trigger('click');
|
|
expect(wrapper.emitted('open')).toBeTruthy();
|
|
expect(wrapper.emitted('open')?.[0]).toEqual([MOCK_DEALS[0].id]);
|
|
});
|
|
});
|