Improved demo visually, WIP adding mouse interactions - testing

[DeDuckProject]

No description provided.

[github-actions]

UI Demo Preview

Changes detected in: .github/workflows/demo.yml, examples/simple-app/public/index.html, examples/simple-app/public/style.css, examples/simple-app/server.js, packages/action/dist/check.js.map (+4 more)

What changed: A new luxury watch product page for 'Aurel — Calibre IX Tourbillon' has been added as a simple app example, featuring a detailed SVG watch illustration with strap, case, dial, tourbillon sub-dial, and navigation with brand links, search, and cart icons. The CI workflow was also updated to capture and upload Playwright trace artifacts for debugging demo runs.

Demo script (auto-generated)

import type { Page } from '@playwright/test';

export async function demo(page: Page): Promise<void> {
  await page.setViewportSize({ width: 1280, height: 720 });
  await page.goto('http://localhost:3000');
  await page.waitForLoadState('networkidle');
  await page.waitForTimeout(1500);

  // Observe the top navigation bar with brand name
  const navBrand = page.getByText('Aurel').first();
  await navBrand.hover();
  await page.waitForTimeout(1200);

  // Hover over navigation links to show luxury aesthetic
  const collectionsLink = page.getByRole('link', { name: 'Collections' });
  await collectionsLink.hover();
  await page.waitForTimeout(1000);

  const atelierLink = page.getByRole('link', { name: 'Atelier' });
  await atelierLink.hover();
  await page.waitForTimeout(1000);

  const heritageLink = page.getByRole('link', { name: 'Heritage' });
  await heritageLink.hover();
  await page.waitForTimeout(1000);

  const contactLink = page.getByRole('link', { name: 'Contact' });
  await contactLink.hover();
  await page.waitForTimeout(1000);

  // Scroll down to view the SVG watch illustration
  await page.mouse.wheel(0, 200);
  await page.waitForTimeout(1500);

  // Hover over the watch SVG to highlight it
  const watchSvg = page.locator('.watch-svg');
  await watchSvg.hover();
  await page.waitForTimeout(1500);

  // Scroll further to observe the full watch detail
  await page.mouse.wheel(0, 200);
  await page.waitForTimeout(1500);

  // Scroll back to top to show full page layout
  await page.mouse.wheel(0, -400);
  await page.waitForTimeout(1200);

  // Click Collections link to show interactivity
  await collectionsLink.click();
  await page.waitForTimeout(1000);

  // Final pause to capture the overall luxury aesthetic
  await page.waitForTimeout(1500);
}

---

Generated by git-glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

GitGlimpse — Skipped

On-demand mode is enabled. Comment /glimpse on this PR to generate a demo.

Generated by git-glimpse

/glimpse

[DeDuckProject]

glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

/glimpse

[DeDuckProject]

/glimpse