portal/app/tests/Frontend/DealsTable.spec.ts

import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import DealsTable from '../../resources/js/components/deals/DealsTable.vue';
import type { MockDeal } from '../../resources/js/composables/mockDeals';

const vuetify = createVuetify();

const sampleDeals: MockDeal[] = [
    {
        id: 1,
        name: '+7 (916) 100-00-01',
        phone: '+7 (916) 100-00-01',
        statusSlug: 'new',
        project: 'Окна',
        manager: { initials: 'AD', name: 'Admin' },
        cost: 0,
        receivedMinutesAgo: 5,
        signalType: 'call',
        city: 'Москва',
        comment: 'звонил',
        receivedAt: '2026-05-15T09:00:00+00:00',
    },
    {
        id: 2,
        name: '+7 (916) 100-00-02',
        phone: '+7 (916) 100-00-02',
        statusSlug: 'new',
        project: 'Двери',
        manager: { initials: 'AD', name: 'Admin' },
        cost: 0,
        receivedMinutesAgo: 30,
        signalType: 'site',
        city: null,
        comment: null,
        receivedAt: '2026-05-14T09:00:00+00:00',
    },
];

describe('DealsTable', () => {
    it('рендерит колонки реестра лидов', () => {
        const w = mount(DealsTable, {
            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
            global: { plugins: [vuetify] },
        });
        const headers = w.findAll('thead th').map((h) => h.text());
        ['Телефон', 'Источник', 'Город', 'Статус', 'Комментарий', 'Поставлен'].forEach((label) => {
            expect(headers.some((h) => h.includes(label))).toBe(true);
        });
    });

    it('город без значения рендерится как «—»', () => {
        const w = mount(DealsTable, {
            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
            global: { plugins: [vuetify] },
        });
        expect(w.text()).toContain('—');
    });

    it('select-all чекбокс имеет aria-label', () => {
        const w = mount(DealsTable, {
            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
            global: { plugins: [vuetify] },
        });
        expect(w.find('th .v-selection-control input[type="checkbox"][aria-label="Выбрать все сделки"]').exists()).toBe(
            true,
        );
    });

    it('клик по строке эмитит row-click с deal', async () => {
        const w = mount(DealsTable, {
            props: { deals: sampleDeals, selectedIds: [], statusBySlug: new Map() },
            global: { plugins: [vuetify] },
        });
        await w.find('tbody tr').trigger('click');
        expect(w.emitted('row-click')?.[0]?.[0]).toMatchObject({ id: 1 });
    });
});