debug playwright test

Author: billyvg

dev-packages/browser-integration-tests/suites/replay/canvas/withCanvasIntegrationFirst/test.ts

@@ -20,6 +20,9 @@ sentryTest('sets up canvas when adding ReplayCanvas integration first', async ({
 
   await page.goto(url);
 
+  page.on('console', (m) => {
+    console.log(m);
+  });
   const replay = await getReplaySnapshot(page);
   const canvasOptions = replay._canvas;
   expect(canvasOptions?.sampling.canvas).toBe(2);

dev-packages/browser-integration-tests/suites/replay/canvas/withCanvasIntegrationSecond/test.ts

@@ -20,6 +20,9 @@ sentryTest('sets up canvas when adding ReplayCanvas integration after Replay', a
 
   await page.goto(url);
 
+  page.on('console', (m) => {
+    console.log(m);
+  });
   const replay = await getReplaySnapshot(page);
   const canvasOptions = replay._canvas;
   expect(canvasOptions?.sampling.canvas).toBe(2);

packages/replay-canvas/src/canvas.ts

@@ -66,6 +66,7 @@ const replayCanvasIntegration = ((options: Partial<ReplayCanvasOptions> = {}) =>
     getOptions(): ReplayCanvasIntegrationOptions {
       const { quality } = _canvasOptions;
 
+      console.log('getoptions');
       return {
         recordCanvas: true,
         getCanvasManager: (options: ConstructorParameters<typeof CanvasManager>[0]) => new CanvasManager(options),

packages/replay/src/integration.ts

@@ -357,17 +357,20 @@ Sentry.init({ replaysOnErrorSampleRate: ${errorSampleRate} })`,
   private _maybeLoadFromReplayCanvasIntegration(): void {
     // To save bundle size, we skip checking for stuff here
     // and instead just try-catch everything - as generally this should all be defined
+    console.log("maybeload")
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
     try {
       const client = getClient()!;
       const canvasIntegration = client.getIntegrationById!('ReplayCanvas') as Integration & {
         getOptions(): ReplayCanvasIntegrationOptions;
       };
       if (!canvasIntegration) {
+        console.log('no canvas integration');
         return;
       }
 
       this._replay!['_canvas'] = canvasIntegration.getOptions();
+      console.log(this._replay!['_canvas'])
     } catch {
       // ignore errors here
     }