System Design RPG — onboarding journey

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const settle = () => page.waitForLoadState('networkidle').catch(() => {});

  stepLogger.log('Scenario 1: Marketing home');
  await page.goto(baseUrl, { waitUntil: 'domcontentloaded' });
  const accept = page.getByRole('button', { name: /accept all|accept|allow|got it|ok$/i }).first();
  if (await accept.isVisible().catch(() => false)) {
    await accept.click().catch(() => {});
  }
  await settle();
  await page.screenshot({ path: shot(1, 'home'), fullPage: true });