Annotate all pages on playwright events (#351)

* Annotate all pages on playwright events

* return promises in case we can await them in the future

packages/playwright/src/fixture.ts

@@ -1,4 +1,4 @@
-import { Page, TestInfo, test } from "@playwright/test";
+import { Browser, Page, TestInfo, test } from "@playwright/test";
 import dbg from "debug";
 import {
   ClientInstrumentationListener,
@@ -129,7 +129,7 @@ function maybeMonkeyPatchTestInfo(
 }
 
 export async function replayFixture(
-  { playwright, page }: { playwright: any; page: Page },
+  { playwright, browser }: { playwright: any; browser: Browser },
   use: () => Promise<void>,
   testInfo: TestInfo
 ) {
@@ -156,9 +156,21 @@ export async function replayFixture(
 
   function addAnnotation(event: string, id?: string, data?: Record<string, any>) {
     if (id) {
-      page
-        .evaluate(ReplayAddAnnotation, [event, id, JSON.stringify({ ...data, test: testIdData })])
-        .catch(e => warn("Failed to add annotation", e));
+      return Promise.allSettled(
+        browser.contexts().flatMap(context => {
+          return context.pages().flatMap(async page => {
+            try {
+              await page.evaluate(ReplayAddAnnotation, [
+                event,
+                id,
+                JSON.stringify({ ...data, test: testIdData }),
+              ]);
+            } catch (e) {
+              warn("Failed to add annotation", e);
+            }
+          });
+        })
+      );
     }
   }