chore: скрипт скриншотов 390/1440 для критика (Playwright), журнал ошибок ИИ

2026-10-17 16:56:52 +03:00
parent 7f4f4a199e
commit a5c9dd1ee1
4 changed files with 53 additions and 1 deletions
@@ -0,0 +1,29 @@
+// Скриншоты для критика: полная страница и первый экран на 390 и 1440.
+//   node scripts/screenshots.mjs <url> <каталог>
+// Анимации доигрываются: страница прокручивается до низа, чтобы сработали IntersectionObserver.
+import { mkdir } from 'node:fs/promises';
+import { chromium } from 'playwright';
+
+const [url = 'http://127.0.0.1:3000/', outDir = '.screenshots/critic'] = process.argv.slice(2);
+await mkdir(outDir, { recursive: true });
+
+const browser = await chromium.launch();
+for (const width of [390, 1440]) {
+  const page = await browser.newPage({
+    viewport: { width, height: width === 390 ? 844 : 900 },
+    deviceScaleFactor: width === 390 ? 2 : 1,
+  });
+  await page.goto(url, { waitUntil: 'networkidle' });
+  await page.screenshot({ path: `${outDir}/${width}-fold.png` });
+  for (let y = 0; y < (await page.evaluate(() => document.body.scrollHeight)); y += 400) {
+    await page.evaluate((top) => window.scrollTo(0, top), y);
+    await page.waitForTimeout(120);
+  }
+  await page.waitForTimeout(800);
+  await page.evaluate(() => window.scrollTo(0, 0));
+  await page.screenshot({ path: `${outDir}/${width}-full.png`, fullPage: true });
+  const overflow = await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth);
+  console.log(`${width}: ${outDir}/${width}-full.png, горизонтальный выход за экран ${overflow}px`);
+  await page.close();
+}
+await browser.close();