const { chromium } = require('playwright');
const BASE = 'http://127.0.0.1:3001';

(async () => {
  const browser = await chromium.launch({ headless: true });
  const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });

  await page.goto(`${BASE}/login`);
  await page.fill('input[name="token"]', 'shop_admin_2024_secure_token');
  await page.click('button[type="submit"]');
  await page.waitForTimeout(3000);

  await page.goto(`${BASE}/`, { waitUntil: 'networkidle' });
  await page.waitForTimeout(3000);

  await page.screenshot({ path: '/tmp/admin-screenshots/dashboard_new_top.png' });
  console.log('Top saved');
  
  await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight / 2));
  await page.waitForTimeout(1000);
  await page.screenshot({ path: '/tmp/admin-screenshots/dashboard_new_mid.png' });
  console.log('Mid saved');

  await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight));
  await page.waitForTimeout(1000);
  await page.screenshot({ path: '/tmp/admin-screenshots/dashboard_new_bottom.png' });
  console.log('Bottom saved');

  await browser.close();
})();