import { chromium } from 'playwright';
/* Hovers one node group of a schematic and captures the drawing. */
const [,, url, out, selector, group] = process.argv;
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } });
await page.goto(url, { waitUntil: 'networkidle' });
const svg = page.locator(selector).first();
await svg.scrollIntoViewIfNeeded();
await page.waitForTimeout(3500);
await svg.locator(`[data-group="${group}"] .s-ring`).first().hover({ force: true, position: { x: 6, y: 36 } });
await page.waitForTimeout(400);
await svg.screenshot({ path: out });
await browser.close();
console.log('hovered', group);