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

import { describe, it, expect, beforeEach } from 'vitest';
import { mount, type VueWrapper } from '@vue/test-utils';
import { createMemoryHistory, createRouter, type Router } from 'vue-router';
import { createPinia, setActivePinia } from 'pinia';
import { createVuetify } from 'vuetify';
import AppSidebar from '../../resources/js/components/layout/AppSidebar.vue';
import { useDealsCountStore } from '../../resources/js/stores/dealsCount';

// VDialog телепортит контент в body → стаб рендерит слот инлайн, чтобы искать
// тело диалога в wrapper (тот же квирк, что в AdminSupplierProjectsView.spec).
async function setup(initialRoute = '/deals'): Promise<{ wrapper: VueWrapper; router: Router }> {
    setActivePinia(createPinia());
    useDealsCountStore().count = 5;
    const router = createRouter({
        history: createMemoryHistory(),
        routes: [{ path: '/deals', component: { template: '<div />' } }],
    });
    await router.push(initialRoute);
    await router.isReady();
    const vuetify = createVuetify();
    const wrapper = mount(AppSidebar, {
        global: {
            plugins: [router, vuetify],
            stubs: {
                RouterLink: {
                    props: ['to'],
                    template: '<a :class="$attrs.class" :href="typeof to === \'string\' ? to : \'#\'"><slot /></a>',
                    inheritAttrs: false,
                },
                VDialog: { template: '<div><slot /></div>' },
            },
        },
    });
    return { wrapper, router };
}

const AD_ITEMS = [
    { testid: 'ad-nav-ai-callcenter', title: 'ИИ колцентр' },
    { testid: 'ad-nav-sms', title: 'Рассылка СМС' },
    { testid: 'ad-nav-yandex-audience', title: 'Яндекс Аудитория' },
    { testid: 'ad-nav-vk', title: 'VK Реклама' },
    { testid: 'ad-nav-telegram', title: 'Реклама Телеграм' },
];

describe('AppSidebar — раздел «Рекламные возможности»', () => {
    beforeEach(() => localStorage.clear());

    it('показывает группу «Рекламные возможности» сразу после «Работа»', async () => {
        const { wrapper } = await setup();
        const eyebrows = wrapper.findAll('.ld-nav-group__eyebrow').map((e) => e.text());
        const workIdx = eyebrows.indexOf('Работа');
        const adIdx = eyebrows.indexOf('Рекламные возможности');
        expect(workIdx).toBeGreaterThanOrEqual(0);
        expect(adIdx).toBe(workIdx + 1);
    });

    it('содержит 5 рекламных пунктов с нужными названиями', async () => {
        const { wrapper } = await setup();
        for (const item of AD_ITEMS) {
            const el = wrapper.find(`[data-testid="${item.testid}"]`);
            expect(el.exists(), `нет пункта ${item.testid}`).toBe(true);
            expect(el.text()).toContain(item.title);
        }
    });

    it('пока не кликнули — окно «В разработке» не показано', async () => {
        const { wrapper } = await setup();
        expect(wrapper.find('[data-testid="ad-stub-dialog"]').exists()).toBe(false);
    });

    it.each(AD_ITEMS)('клик по «$title» открывает окно с текстом релиза', async ({ testid }) => {
        const { wrapper } = await setup();
        await wrapper.find(`[data-testid="${testid}"]`).trigger('click');
        const dialog = wrapper.find('[data-testid="ad-stub-dialog"]');
        expect(dialog.exists()).toBe(true);
        expect(dialog.text()).toContain('В разработке');
        expect(dialog.text()).toContain('01.09.2026');
    });

    it('кнопка «Понятно» закрывает окно', async () => {
        const { wrapper } = await setup();
        await wrapper.find('[data-testid="ad-nav-sms"]').trigger('click');
        expect(wrapper.find('[data-testid="ad-stub-dialog"]').exists()).toBe(true);
        await wrapper.find('[data-testid="ad-stub-ok"]').trigger('click');
        expect(wrapper.find('[data-testid="ad-stub-dialog"]').exists()).toBe(false);
    });
});