Files
portal/app/tests/Frontend/AppMoreDrawerAdvertising.spec.ts
T
Дмитрий 0c9642f3d0 feat(телеграм-модуль): клиентский экран + ручной запуск в песочнице — API, telegram.ts, экран, сквозной сценарий
Сессия 3 плана docs/superpowers/plans/2026-07-27-client-telegram-ads-module.md.
Клиент сам собирает объявление + аудиторию и жмёт «Запустить»; робот кабинета МТС
(в тестах замокан) доводит до черновика. Всё в песочнице: деньги/живой запуск выключены.

- Клиентский API (Api\ClientTg\CampaignController + маршруты /api/telegram/*):
  создание (store) и запуск (launch) РАЗДЕЛЕНЫ. store создаёт ЧЕРНОВИК со сметой и
  числом кандидатов (деньги/робот не трогаются); launch draft→queued, в бою бронирует
  лимит на объявление (budget_cap_rub) и ставит RunTelegramCampaignJob. Нехватка денег
  → 409 (кампания остаётся черновиком); повторный запуск не-черновика → 422; изоляция
  тенантов (чужой show → 404). Валидация текст/ссылка/аудитория/бюджет; deals без срока → 422.
- Фронт-API telegram.ts (зеркало client-sms.ts, уже): fetch/create/get/launch, cookie-сессия.
- Экран AdvertisingTelegramView.vue (/advertising/telegram): форма (объявление, ссылка,
  3 способа аудитории, лимит), кнопка «Запустить» (create→launch), баннер песочницы,
  список кампаний с человеческим ярлыком статуса, сообщение при нехватке денег.
- Канал «Реклама Телеграм» АКТИВИРОВАН: advertisingChannels.ts route, провод в AppSidebar
  и AppMoreDrawer (route → реальный экран, остальные каналы — прежняя заглушка), маршрут
  в router. Тесты каналов обновлены (телеграм больше не заглушка).
- Ручной сквозной сценарий (песочница): создать → запустить → джоб (робот замокан, draft)
  → draft_ready + matched виден в API.

Отличие от СМС-близнеца: отдельного эндпоинта «предпросчёт до создания» нет — смету и
кандидатов клиент видит в самом черновике (создание черновик денег не тратит).

Проверки: 60/60 Pest ClientTg зелёные (+10 новых), 1512 Vitest зелёные (0 регрессий),
phpstan 0 по своему коду (level 5), pint чисто, deptrac 0 нарушений. Робот в тестах замокан
(кабинет МТС не тронут). Синтетические номера 7999… — реальных нет.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-27 17:39:43 +03:00

73 lines
3.7 KiB
TypeScript

import { describe, it, expect } from 'vitest';
import { mount, type VueWrapper } from '@vue/test-utils';
import { createVuetify } from 'vuetify';
import { createRouter, createMemoryHistory } from 'vue-router';
import AppMoreDrawer from '../../resources/js/components/layout/AppMoreDrawer.vue';
// Мобильное «Ещё» открыто (open=true). Drawer/Dialog телепортят/скрывают контент —
// стабим их passthrough, чтобы искать пункты и окно в wrapper.
async function setup(): Promise<VueWrapper> {
const router = createRouter({
history: createMemoryHistory(),
routes: [{ path: '/:pathMatch(.*)*', component: { template: '<div />' } }],
});
router.push('/settings');
await router.isReady();
return mount(AppMoreDrawer, {
props: { open: true },
global: {
plugins: [createVuetify(), router],
stubs: {
VNavigationDrawer: { template: '<div><slot /></div>' },
VDialog: { template: '<div><slot /></div>' },
},
},
});
}
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: 'Реклама Телеграм' },
];
// Каналы-заглушки: клик открывает «В разработке». «Реклама Телеграм» активирована
// (ведёт на реальный экран /advertising/telegram) — она в этот список не входит.
const STUB_ITEMS = AD_ITEMS.filter((i) => i.testid !== 'ad-nav-telegram');
describe('AppMoreDrawer — раздел «Рекламные возможности» на телефоне', () => {
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(STUB_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();
const item = wrapper.find('[data-testid="ad-nav-telegram"]');
// Пункт ведёт на /advertising/telegram (реальный роут), а не на заглушку.
expect(item.attributes('href') ?? item.attributes('to')).toContain('/advertising/telegram');
await item.trigger('click');
expect(wrapper.find('[data-testid="ad-stub-dialog"]').exists()).toBe(false);
});
});