slot/next-app/scripts/screenshot.mjs

import { chromium } from 'playwright';
import { mkdir } from 'node:fs/promises';
import { resolve } from 'node:path';

const OUT = resolve(process.cwd(), 'screenshots');
await mkdir(OUT, { recursive: true });

const PAGES = [
  { url: '/',                  name: '01-home' },
  { url: '/free',              name: '02-board-free' },
  { url: '/free?page=2',       name: '03-board-free-p2' },
  { url: '/login',             name: '04-login' },
  { url: '/register',          name: '05-register' },
  { url: '/auth/recover',      name: '06-recover' },
  { url: '/help/qa',           name: '07-qa' },
  { url: '/help/faq',          name: '08-faq' },
  { url: '/wallet',            name: '09-wallet' },
  { url: '/page/attendance',   name: '10-attendance' },
  { url: '/games/bacara',      name: '11-game-bacara' },
  { url: '/games/ranking',     name: '12-rankings' },
  { url: '/new',               name: '13-new-posts' },
  { url: '/tags',              name: '14-tags' },
  { url: '/notice',            name: '15-notice-board' },
  { url: '/page/provision',    name: '16-terms' },
  { url: '/page/privacy',      name: '17-privacy' },
  { url: '/admin/themes',      name: '18-admin-themes' },
  { url: '/admin',             name: '19-admin-dashboard',  authed: true },
  { url: '/admin/members',     name: '20-admin-members',    authed: true },
  { url: '/admin/boards',      name: '21-admin-boards',     authed: true },
  { url: '/admin/betting',     name: '22-admin-betting',    authed: true },
  { url: '/admin/stats',       name: '23-admin-stats',      authed: true },
  { url: '/free/1024',         name: '24-post-view' },
  { url: '/mypage',            name: '25-mypage',           authed: true },
  { url: '/games/roulette',    name: '26-roulette' },
  { url: '/lottery_ticket',    name: '27-lottery' },
];

const browser = await chromium.launch();
const context = await browser.newContext({ viewport: { width: 1440, height: 900 }, locale: 'ko-KR' });
const page = await context.newPage();

// Pre-login as admin so authed routes can be visited
await page.goto('http://localhost:3000/login');
await page.fill('input[name="loginId"]', 'admin');
await page.fill('input[name="password"]', 'test1234');
await Promise.all([page.waitForURL((u) => u.pathname === '/'), page.click('button[type="submit"]')]).catch(() => {});

let okCount = 0, failCount = 0;
for (const p of PAGES) {
  const url = `http://localhost:3000${p.url}`;
  try {
    const resp = await page.goto(url, { waitUntil: 'networkidle', timeout: 20_000 });
    const status = resp ? resp.status() : 0;
    await page.screenshot({ path: `${OUT}/${p.name}.png`, fullPage: false });
    const title = await page.title();
    console.log(`${status === 200 ? '✓' : '✗'} ${status} ${p.url}  ${title.slice(0, 50)}`);
    if (status === 200) okCount++; else failCount++;
  } catch (e) {
    console.log(`✗ ERR  ${p.url}  ${e.message?.slice(0, 80)}`);
    failCount++;
  }
}

// Also: theme switch screenshots
const THEMES = ['basic', 'eyoom', 'amina', 'youngcart'];
for (const t of THEMES) {
  // set the cookie to override
  await context.addCookies([{ name: 'slot_theme_pref', value: t, url: 'http://localhost:3000' }]);
  await page.goto('http://localhost:3000/', { waitUntil: 'networkidle' });
  await page.screenshot({ path: `${OUT}/theme-${t}-home.png`, fullPage: false });
  console.log(`✓ theme=${t} home captured`);
}

// Capture full-page home + each top-level mega-menu opened
await context.addCookies([{ name: 'slot_theme_pref', value: 'eyoom', url: 'http://localhost:3000' }]);
await page.goto('http://localhost:3000/', { waitUntil: 'networkidle' });
await page.screenshot({ path: `${OUT}/home-full.png`, fullPage: true });
console.log('✓ home-full captured');

for (const label of ['보증사이트', '먹튀사이트', '커뮤니티', '이벤트', '슬생정보', '가품슬롯', '고객센터', '포인트게임', '슬생TV', '포인트존']) {
  try {
    await page.goto('http://localhost:3000/', { waitUntil: 'networkidle' });
    const link = page.getByRole('link', { name: label, exact: true }).first();
    await link.hover();
    await page.waitForTimeout(400);
    await page.screenshot({ path: `${OUT}/menu-${label}.png`, fullPage: false });
    console.log('✓ menu', label);
  } catch (e) {
    console.log('✗ menu', label, e.message?.slice(0, 60));
  }
}

await browser.close();
console.log(`\nDone. ${okCount} ok, ${failCount} fail. → ${OUT}`);
process.exit(failCount > 0 ? 1 : 0);