test(replay): Normalize time offset in DOM snapshots (#7219)

Normalize timeOffset entry in snapshots to avoid flakiness

Author: Lms24

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-1-snap-incremental

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-1-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-3-snap-incremental

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-3-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-5-snap-incremental

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 90,
         "id": 12,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-5-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 90,
         "id": 12,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-6-snap-incremental

@@ -6,7 +6,7 @@
         "x": 157,
         "y": 90,
         "id": 15,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-6-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 157,
         "y": 90,
         "id": 15,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-7-snap-incremental

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 90,
         "id": 12,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-7-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 90,
         "id": 12,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-9-snap-incremental

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/suites/replay/multiple-pages/test.ts-snapshots/seg-9-snap-incremental-chromium

@@ -6,7 +6,7 @@
         "x": 41,
         "y": 18,
         "id": 9,
-        "timeOffset": 0
+        "timeOffset": [timeOffset]
       }
     ]
   },

packages/integration-tests/utils/replayHelpers.ts

@@ -214,9 +214,12 @@ export function shouldSkipReplayTest(): boolean {
  * Takes a replay recording payload and returns a normalized string representation.
  * This is necessary because the DOM snapshots contain absolute paths to other HTML
  * files which break the tests on different machines.
+ * Also, we need to normalize any time offsets as they can vary and cause flakes.
  */
 export function normalize(obj: unknown): string {
   const rawString = JSON.stringify(obj, null, 2);
-  const normalizedString = rawString.replace(/"file:\/\/.+(\/.*\.html)"/g, '"$1"');
+  const normalizedString = rawString
+    .replace(/"file:\/\/.+(\/.*\.html)"/gm, '"$1"')
+    .replace(/"timeOffset":\s*-?\d+/gm, '"timeOffset": [timeOffset]');
   return normalizedString;
 }