+ expect(errors, `got ${errors.length} console error(s)`).toHaveLength(0);
+ } finally {
+ // Stop + attach in finally so the trace survives intentional failures.
+ // attach() surfaces the artifacts in the HTML reporter under this test.
+ await context.tracing.stop({ path: tracePath });
+ await cdp.detach();
+ const videoFile = await page.video()?.path();
+ await context.close();
+
+ await testInfo.attach('live-run.zip', { path: tracePath, contentType: 'application/zip' });
+ if (videoFile) {
+ await testInfo.attach('video.webm', { path: videoFile, contentType: 'video/webm' });
+ }
+ }
+ });
+
+});
diff --git a/tests/debug-features.spec.js b/tests/debug-features.spec.js
new file mode 100755
index 0000000..a083fce
--- /dev/null
+++ b/tests/debug-features.spec.js
@@ -0,0 +1,90 @@
+// @ts-check
+// Test 1 of 2 — exercises Playwright 1.59's new page.screencast API.
+// Fails intentionally so the reporter retains video + trace artifacts.
+import { expect, test } from '@playwright/test';
+
+test.describe('Playwright 1.59 — screencast API', () => {
+
+ // ---------------------------------------------------------------------------
+ // 1.59 introduces page.screencast as a unified capture interface. Unlike
+ // the context-level `recordVideo` option (set-and-forget), screencast is
+ // imperative: you call start/stop inside the test, can layer action
+ // annotations, chapter titles, and custom HTML overlays onto the recording,
+ // and the output ends up as a test attachment in the HTML reporter.
+ //
+ // Relation to videos: screencast *replaces* recordVideo for any case where
+ // you want control over what's captured. The emitted .webm is exactly
+ // what the `video` attachment points to.
+ //
+ // Relation to traces: every screencast.start / showChapter / showActions /
+ // showOverlay call is a first-class action in the trace timeline. Open
+ // the trace and you'll see each chapter switch lined up next to the
+ // DOM snapshot at that moment — you can scrub video and trace in lockstep.
+ // ---------------------------------------------------------------------------
+ test('screencast walkthrough of the store (fails intentionally)', async ({ page }, testInfo) => {
+ const videoPath = testInfo.outputPath('walkthrough.webm');
+
+ // start() begins encoding frames into a .webm.
+ await page.screencast.start({ path: videoPath });
+
+ // Overlay a badge every time Playwright performs an action (click, fill,
+ // hover…). This is the "agentic video receipt" feature — reviewers see
+ // why the cursor moved where it did. position + fontSize configurable.
+ await page.screencast.showActions({ position: 'top-right', fontSize: 14 });
+
+ // Chapters render a titled section for `duration` ms, giving the video a
+ // narrative structure that a reviewer (or LLM) can navigate.
+ await page.screencast.showChapter('Open storefront', {
+ description: 'Navigate to the products landing page',
+ duration: 1200,
+ });
+
+ await page.goto('/');
+ await page.waitForLoadState('domcontentloaded');
+
+ await page.screencast.showChapter('Inspect layout', {
+ description: 'Check the logo and hero copy are present',
+ duration: 1000,
+ });
+
+ // A few selector-agnostic interactions so the screencast has real frames
+ // and showActions() has actions to annotate before we hit the failure.
+ await page.locator('body').hover();
+ await page.mouse.wheel(0, 400);
+ await page.waitForTimeout(500);
+ await page.mouse.wheel(0, 400);
+ await page.waitForTimeout(500);
+
+ await page.screencast.showChapter('Scan products', {
+ description: 'Scroll the grid end-to-end',
+ duration: 1000,
+ });
+
+ await page.keyboard.press('End');
+ await page.waitForTimeout(800);
+ await page.keyboard.press('Home');
+ await page.waitForTimeout(500);
+
+ // Arbitrary HTML overlay — good for stamping build IDs, test names, etc.
+ await page.screencast.showOverlay(
+ `
+ test run — ${new Date().toISOString()}
+
`,
+ { position: 'bottom-left', duration: 2000 }
+ );
+
+ await page.screencast.showChapter('Final title check', {
+ description: 'Assert the page title (intentionally wrong)',
+ duration: 800,
+ });
+
+ // Intentional failure — the real title is "TestDino | Demo Store". The
+ // failure triggers retain-on-failure for both trace and video, so the
+ // reporter ends up with the screencast.webm AND a trace.zip whose
+ // timeline contains every screencast.* action above.
+ await expect(page).toHaveTitle(/Unicorns/);
+
+ await page.screencast.stop();
+ });
+
+});
diff --git a/tests/delete-api.spec.js b/tests/delete-api.spec.js
old mode 100644
new mode 100755
diff --git a/tests/get-users.spec.js b/tests/get-users.spec.js
old mode 100644
new mode 100755
diff --git a/tests/login.spec.js b/tests/login.spec.js
old mode 100644
new mode 100755
diff --git a/tests/navigation.spec.js b/tests/navigation.spec.js
old mode 100644
new mode 100755
diff --git a/tests/orders.spec.js b/tests/orders.spec.js
old mode 100644
new mode 100755
diff --git a/tests/post-api.spec.js b/tests/post-api.spec.js
old mode 100644
new mode 100755
diff --git a/tests/product.spec.js b/tests/product.spec.js
old mode 100644
new mode 100755
diff --git a/tests/updateUser.spec.js b/tests/updateUser.spec.js
old mode 100644
new mode 100755
diff --git a/tests/visual.spec.js b/tests/visual.spec.js
old mode 100644
new mode 100755
diff --git a/tests/visual.spec.js-snapshots/github-login-changed-chromium-darwin.png b/tests/visual.spec.js-snapshots/github-login-changed-chromium-darwin.png
old mode 100644
new mode 100755
diff --git a/tests/visual.spec.js-snapshots/github-login-chromium-darwin.png b/tests/visual.spec.js-snapshots/github-login-chromium-darwin.png
old mode 100644
new mode 100755
diff --git a/vendor/testdino-playwright-2.0.0.tgz b/vendor/testdino-playwright-2.0.0.tgz
new file mode 100644
index 0000000..009ecd9
Binary files /dev/null and b/vendor/testdino-playwright-2.0.0.tgz differ
+ 
+ 
+ 
+