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

e2e/screenshots.spec.ts

@@ -1,12 +1,9 @@
 import { test } from '@playwright/test'
 import {
+  captureScreenshot,
   createMockScreenlyForScreenshots,
-  getScreenshotsDir,
   RESOLUTIONS,
-  setupClockMock,
-  setupScreenlyJsMock,
 } from '@screenly/edge-apps/test/screenshots'
-import path from 'path'
 
 const RSS_URL = 'http://feeds.bbci.co.uk/news/rss.xml'
 
@@ -68,30 +65,20 @@ 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()
-
-    await setupClockMock(page)
-    await setupScreenlyJsMock(page, screenlyJsContent)
-
-    await page.route(RSS_URL, async (route) => {
-      await route.fulfill({
-        status: 200,
-        contentType: 'application/rss+xml',
-        body: MOCK_RSS_XML,
-      })
+    await captureScreenshot(browser, {
+      width,
+      height,
+      filenamePrefix: 'rss-reader-app',
+      screenlyJsContent,
+      setupMocks: async (page) => {
+        await page.route(RSS_URL, async (route) => {
+          await route.fulfill({
+            status: 200,
+            contentType: 'application/rss+xml',
+            body: MOCK_RSS_XML,
+          })
+        })
+      },
     })
-
-    await page.goto('/')
-    await page.waitForLoadState('networkidle')
-
-    await page.screenshot({
-      path: path.join(screenshotsDir, `${width}x${height}.png`),
-      fullPage: false,
-    })
-
-    await context.close()
   })
 }

package.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "devDependencies": {
     "@playwright/test": "^1.58.0",
-    "@screenly/edge-apps": "^1.2.1",
+    "@screenly/edge-apps": "26.8.0",
     "@types/bun": "^1.3.13",
     "@types/jsdom": "^28.0.1",
     "bun-types": "^1.3.13",