import { chromium } from 'playwright';

const BASE = 'http://localhost:9027';

(async () => {
  const browser = await chromium.launch();
  const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
  const page = await ctx.newPage();

  await page.goto(`${BASE}/view/mhzc/home`, { waitUntil: 'networkidle', timeout: 30000 });
  await page.waitForSelector('.capability-section', { timeout: 20000 });

  // 滚动到 capability 区域
  await page.evaluate(() => {
    const el = document.getElementById('section-capability');
    if (el) el.scrollIntoView({ behavior: 'instant', block: 'start' });
  });
  await page.waitForTimeout(800);

  // 截图 home capability
  await page.screenshot({ path: 'tmp-zoom-1-home.png', fullPage: false });

  // 点击 "碳核算平台"
  await page.locator('.capability-card').nth(0).click();
  await page.waitForTimeout(3000);
  console.log('url:', page.url());

  await page.screenshot({ path: 'tmp-zoom-2-after-click.png', fullPage: false });

  // 滚动到顶部再截图
  await page.evaluate(() => window.scrollTo(0, 0));
  await page.waitForTimeout(800);
  await page.screenshot({ path: 'tmp-zoom-3-top.png', fullPage: false });

  await browser.close();
})().catch((e) => {
  console.error('TEST ERROR', e);
  process.exit(1);
});