refactor(test): use captureScreenshot helper from @screenly/edge-apps

e2e/screenshots.spec.ts

@@ -1,14 +1,11 @@
 import { test } from '@playwright/test'
 import {
+  captureScreenshot,
   createMockScreenlyForScreenshots,
-  getScreenshotsDir,
   RESOLUTIONS,
-  setupClockMock,
   setupOpenWeatherMocks,
-  setupScreenlyJsMock,
 } from '@screenly/edge-apps/test/screenshots'
 import { mockGeocodingResponse, mockWeatherResponse } from './weather-mocks'
-import path from 'path'
 
 const { screenlyJsContent } = createMockScreenlyForScreenshots(
   {
@@ -24,27 +21,17 @@ const { screenlyJsContent } = createMockScreenlyForScreenshots(
 
 for (const { width, height } of RESOLUTIONS) {
   test(`screenshot ${width}x${height}`, async ({ browser }) => {
-    const screenshotsDir = getScreenshotsDir()
-
-    const context = await browser.newContext({ viewport: { width, height } })
-    const page = await context.newPage()
-
-    // Setup mocks
-    await setupClockMock(page)
-    await setupScreenlyJsMock(page, screenlyJsContent)
-    await setupOpenWeatherMocks(page, {
-      geocoding: mockGeocodingResponse,
-      weather: mockWeatherResponse,
-    })
-
-    await page.goto('/')
-    await page.waitForLoadState('networkidle')
-
-    await page.screenshot({
-      path: path.join(screenshotsDir, `${width}x${height}.png`),
-      fullPage: false,
+    await captureScreenshot(browser, {
+      width,
+      height,
+      filenamePrefix: 'clock-app',
+      screenlyJsContent,
+      setupMocks: async (page) => {
+        await setupOpenWeatherMocks(page, {
+          geocoding: mockGeocodingResponse,
+          weather: mockWeatherResponse,
+        })
+      },
     })
-
-    await context.close()
   })
 }

package.json

@@ -22,8 +22,8 @@
   "dependencies": {},
   "prettier": "./.prettierrc.json",
   "devDependencies": {
-    "@screenly/edge-apps": "^1.5.0",
     "@playwright/test": "^1.60.0",
+    "@screenly/edge-apps": "26.8.0",
     "@types/bun": "^1.3.14",
     "@types/jsdom": "^28.0.3",
     "bun-types": "^1.3.14",