64 lines
2.8 KiB
TypeScript
64 lines
2.8 KiB
TypeScript
|
import { describe, it, expect } from 'vitest';
|
|||
|
|
import { mount } from '@vue/test-utils';
|
|||
|
|
import { createVuetify } from 'vuetify';
|
|||
|
|
import FunnelChart from '../../resources/js/components/charts/FunnelChart.vue';
|
|||
|
|
import { LEAD_STATUSES } from '../../resources/js/composables/leadStatuses';
|
|||
|
|
|
|||
|
|
describe('FunnelChart.vue', () => {
|
|||
|
|
const factory = (props?: Record<string, unknown>) =>
|
|||
|
|
mount(FunnelChart, {
|
|||
|
|
props,
|
|||
|
|
global: { plugins: [createVuetify()] },
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('монтируется и содержит заголовок «Воронка»', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
expect(wrapper.text()).toContain('Воронка');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('содержит ровно 14 сегментов в bar (по числу lead_statuses)', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
const segs = wrapper.findAll('.funnel-seg');
|
|||
|
|
expect(segs).toHaveLength(14);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('содержит ровно 14 list-items', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
const items = wrapper.findAll('.funnel-list-item');
|
|||
|
|
expect(items).toHaveLength(14);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('использует правильные slug-имена из schema (НЕ из BRANDBOOK)', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
const text = wrapper.text();
|
|||
|
|
// Проверка что все 14 имён из lead_statuses присутствуют.
|
|||
|
|
LEAD_STATUSES.forEach((s) => {
|
|||
|
|
expect(text).toContain(s.nameRu);
|
|||
|
|
});
|
|||
|
|
// Гарантия что мы НЕ используем имена из BRANDBOOK §3.6 (расхождение #1).
|
|||
|
|
// Например, "Думает" / "Не дозвон." / "Спам" / "КП" — handoff-only.
|
|||
|
|
expect(text).not.toContain('Думает');
|
|||
|
|
expect(text).not.toContain('Спам');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('сортирует список по убыванию count (paid 45 — первый)', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
const names = wrapper.findAll('.funnel-list-item .name').map((n) => n.text());
|
|||
|
|
expect(names[0]).toBe('Оплачено'); // count=45 — самый большой в DEFAULT_COUNTS.
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('применяет colorHex из lead_statuses к dots и сегментам', () => {
|
|||
|
|
const wrapper = factory();
|
|||
|
|
const segs = wrapper.findAll<HTMLElement>('.funnel-seg');
|
|||
|
|
// Первый segment в bar — статус с sortOrder=1 (new, цвет #3B82F6).
|
|||
|
|
expect(segs[0].element.style.background).toContain('rgb(59, 130, 246)');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
it('считает total как сумму counts', () => {
|
|||
|
|
const wrapper = factory({ counts: { new: 10, paid: 20 } });
|
|||
|
|
const text = wrapper.text();
|
|||
|
|
// total = 10 + 20 = 30 (остальные слаги с counts={} → 0).
|
|||
|
|
expect(text).toContain('30 лидов');
|
|||
|
|
});
|
|||
|
|
});
|