import { chromium } from '@playwright/test' import { mkdirSync, writeFileSync } from 'node:fs' import { resolve } from 'node:path' const BASE = process.env.SITE_URL ?? 'https://test.food-market.kz' const OUT = resolve('/home/nns/food-market', 'docs/site-fixes-2026-10-10') mkdirSync(OUT, { recursive: true }) const results = [] const shots = [] const ok = (name, cond, detail='') => { results.push({ name, ok: !!cond, detail }); console.log(`${cond?'✓':'✗'} ${name} ${detail}`) } const browser = await chromium.launch({ args: ['--ignore-certificate-errors'] }) // ---------- DESKTOP 1440x900 @2x ---------- const dctx = await browser.newContext({ viewport: { width: 1440, height: 900 }, deviceScaleFactor: 2, ignoreHTTPSErrors: true }) const d = await dctx.newPage() async function shotD(path, file, caption) { await d.goto(BASE + path, { waitUntil: 'networkidle' }).catch(()=>{}) await d.waitForTimeout(600) await d.screenshot({ path: resolve(OUT, file) }) shots.push({ file, caption, kind: 'Десктоп 1440' }) } // 1. signup business config + price 15 500 await d.goto(`${BASE}/signup?plan=business&shops=3&cashes=4&warehouses=1&employees=5`, { waitUntil:'networkidle' }).catch(()=>{}) await d.waitForTimeout(1000) ok('signup ?plan=business: тариф «Бизнес» выбран', await d.locator('label:has(input[name="plan"]:checked):has-text("Бизнес")').count() > 0) const cfgText = (await d.locator('div:has-text("Ваша конфигурация"):has-text("Магазинов")').last().innerText().catch(() => '')) || '' const normCfg = cfgText.replace(/[\s\u00a0\u202f\u2009\u2007]/g, '') ok('signup business: цена 15 500 видна', normCfg.includes('15500')) ok('signup business: конфигурация (3 магазина) видна', /Магазинов:\s*3/.test(cfgText)) await d.screenshot({ path: resolve(OUT, 'd1-signup-business.png') }); shots.push({ file:'d1-signup-business.png', caption:'/signup?plan=business&shops=3&cashes=4&warehouses=1 — выбран «Бизнес», конфигурация и цена 15 500 ₸', kind:'Десктоп 1440' }) // 2. plan=start await d.goto(`${BASE}/signup?plan=start`, { waitUntil:'networkidle' }).catch(()=>{}); await d.waitForTimeout(500) ok('signup ?plan=start: «Старт» выбран', /border-brand[\s\S]{0,120}Старт/.test(await d.content())) // 3. plan=xyz → start await d.goto(`${BASE}/signup?plan=xyz`, { waitUntil:'networkidle' }).catch(()=>{}); await d.waitForTimeout(500) ok('signup ?plan=xyz: откат на «Старт»', /border-brand[\s\S]{0,120}Старт/.test(await d.content())) // desktop screenshots of key pages for (const [p,f,c] of [['/','d-home.png','Главная'],['/pricing','d-pricing.png','Тарифы (конструктор «Бизнес»)'],['/import','d-import.png','Импорт — скриншот каталога продукта (без чужого HR-дашборда)'],['/kb/billing','d-kb-billing.png','KB: Тарифы и оплата (рендер markdown, без front-matter)'],['/blog/quick-start','d-blog-quickstart.png','Блог: быстрый старт']]) await shotD(p,f,c) // ---------- MOBILE 390x844 @3x ---------- const mctx = await browser.newContext({ viewport: { width: 390, height: 844 }, deviceScaleFactor: 3, ignoreHTTPSErrors: true, isMobile: true, hasTouch: true }) const m = await mctx.newPage() await m.goto(BASE + '/', { waitUntil:'networkidle' }).catch(()=>{}); await m.waitForTimeout(700) // no horizontal scroll const noHScroll = await m.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth + 1) ok('моб. главная: нет горизонтальной прокрутки', noHScroll, '') const burger = m.locator('#mobile-menu-btn') ok('моб. шапка: есть кнопка-гамбургер', await burger.count() > 0) await m.screenshot({ path: resolve(OUT, 'm-home-closed.png') }); shots.push({ file:'m-home-closed.png', caption:'Моб. главная 390px — в шапке гамбургер', kind:'Моб. 390' }) await burger.click().catch(()=>{}); await m.waitForTimeout(400) const menuVisible = await m.locator('#mobile-menu:not(.hidden)').count() > 0 ok('моб. меню открывается по гамбургеру', menuVisible) ok('моб. меню: пункт «Тарифы» доступен', await m.locator('#mobile-menu a[href="/pricing"]').count() > 0) await m.screenshot({ path: resolve(OUT, 'm-menu-open.png') }); shots.push({ file:'m-menu-open.png', caption:'Моб. меню открыто — все пункты + «Войти»/«Начать бесплатно»', kind:'Моб. 390' }) await m.locator('#mobile-menu a[href="/pricing"]').first().click().catch(()=>{}); await m.waitForTimeout(800) ok('моб. тап по «Тарифы» → /pricing', m.url().includes('/pricing')) await m.screenshot({ path: resolve(OUT, 'm-pricing.png') }); shots.push({ file:'m-pricing.png', caption:'Моб. /pricing после тапа по «Тарифы» из меню', kind:'Моб. 390' }) await m.goto(`${BASE}/signup?plan=business&shops=3&cashes=4&warehouses=1&employees=5`, { waitUntil:'networkidle' }).catch(()=>{}); await m.waitForTimeout(600) await m.screenshot({ path: resolve(OUT, 'm-signup-business.png'), fullPage: true }); shots.push({ file:'m-signup-business.png', caption:'Моб. /signup «Бизнес» с конфигурацией и ценой', kind:'Моб. 390' }) await browser.close() // index.html const rows = shots.map(s => `
${s.kind}: ${s.caption}
`).join('\n') const checks = results.map(r => `
  • ${r.ok?'✓':'✗'} ${r.name}${r.detail?` — ${r.detail}`:''}
    • `).join('\n') const html = `Исправления сайта 2026-10-10

    Исправления публичного сайта test.food-market.kz — этап 1 «Сайт и выбор тарифа»

    Проверка после деплоя (${new Date().toISOString()}). Пройдено: ${results.filter(r=>r.ok).length}/${results.length}.

    Автопроверки

    Скриншоты

    ${rows}` writeFileSync(resolve(OUT, 'index.html'), html) const failed = results.filter(r=>!r.ok) writeFileSync(resolve(OUT, 'verify.json'), JSON.stringify({ results, shots }, null, 2)) console.log(`\n[site-verify] ${results.filter(r=>r.ok).length}/${results.length} passed → ${OUT}/index.html`) if (failed.length) { console.log('FAILED:', failed.map(f=>f.name).join('; ')); process.exit(1) }