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

import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import ReportsView from '../../resources/js/views/ReportsView.vue';
import { MOCK_JOBS, REPORT_TYPES } from '../../resources/js/composables/mockReports';

describe('ReportsView.vue', () => {
    const factory = () =>
        mount(ReportsView, {
            global: { plugins: [createVuetify()] },
        });

    it('монтируется и содержит заголовок «Отчёты»', () => {
        const wrapper = factory();
        expect(wrapper.find('h1').text()).toBe('Отчёты');
    });

    it('содержит page-stats с очередью и обработано-за-месяц', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('очередь');
        expect(text).toContain('обработано за месяц');
        expect(text).toContain('средний размер');
    });

    it('содержит 4 карточки типа отчёта (REPORT_TYPES)', () => {
        const wrapper = factory();
        const cards = wrapper.findAll('.tc-card');
        expect(cards).toHaveLength(REPORT_TYPES.length);
        const text = wrapper.text();
        REPORT_TYPES.forEach((t) => expect(text).toContain(t.name));
    });

    it('по умолчанию активна карточка «Сделки · детально»', () => {
        const wrapper = factory();
        const dealsCard = wrapper.findAll('.tc-card').find((c) => c.text().includes('Сделки · детально'));
        expect(dealsCard?.classes()).toContain('active');
    });

    it('содержит 4 кнопки формата (CSV/XLSX/JSON/PDF)', () => {
        const wrapper = factory();
        const text = wrapper.text();
        ['CSV', 'XLSX', 'JSON', 'PDF'].forEach((f) => expect(text).toContain(f));
    });

    it('quota-banner показывает 2/3 одновременных + 3 retry / 7 дней (CTO-6/CTO-7)', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('2 из 3');
        expect(text).toContain('3 попыток retry');
        expect(text).toContain('7 дней');
    });

    it('jobs-list содержит все 5 mock-job', () => {
        const wrapper = factory();
        const rows = wrapper.findAll('.job-row');
        expect(rows.length).toBe(MOCK_JOBS.length);
    });

    it('done-job показывает «Готов» + Скачать-кнопку', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('Готов');
        // Кнопка Скачать (mdi-download) присутствует — ищем aria-label.
        expect(wrapper.find('[aria-label="Скачать"]').exists()).toBe(true);
    });

    it('running-job показывает «В работе · NN%» с прогрессом', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('В работе · 62%');
        // v-progress-linear рендерит aria role=progressbar.
        expect(wrapper.find('[role="progressbar"]').exists()).toBe(true);
    });

    it('queued-job показывает «В очереди» + Отменить-кнопку', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('В очереди');
        expect(wrapper.find('[aria-label="Отменить"]').exists()).toBe(true);
    });

    it('failed-job показывает «Ошибка» + Повторить (canRetry для attempt<3)', () => {
        const wrapper = factory();
        const text = wrapper.text();
        expect(text).toContain('Ошибка');
        expect(text).toContain('S3 timeout');
        expect(wrapper.find('[aria-label="Повторить"]').exists()).toBe(true);
    });

    it('переключение типа отчёта меняет active-карточку', async () => {
        const wrapper = factory();
        const cards = wrapper.findAll('.tc-card');
        const managersCard = cards.find((c) => c.text().includes('Менеджеры'));
        await managersCard!.trigger('click');
        await wrapper.vm.$nextTick();
        expect(managersCard!.classes()).toContain('active');
    });
});