test(replay): Ensure LCP spans have equals start and end timestamps (#7229)

(Playwright)

Author: Lms24

packages/integration-tests/suites/replay/customEvents/test.ts

@@ -10,6 +10,7 @@ import {
   expectedNavigationPerformanceSpan,
   getExpectedReplayEvent,
 } from '../../../utils/replayEventTemplates';
+import type { PerformanceSpan } from '../../../utils/replayHelpers';
 import {
   getCustomRecordingEvents,
   getReplayEvent,
@@ -68,6 +69,13 @@ sentryTest(
         expectedMemoryPerformanceSpan,
       ]),
     );
+
+    const lcpSpan = collectedPerformanceSpans.find(
+      s => s.description === 'largest-contentful-paint',
+    ) as PerformanceSpan;
+
+    // LCP spans should be point-in-time spans
+    expect(lcpSpan?.startTimestamp).toBeCloseTo(lcpSpan?.endTimestamp);
   },
 );
 

packages/integration-tests/utils/replayHelpers.ts

@@ -6,7 +6,7 @@ import type { Page, Request } from 'playwright';
 import { envelopeRequestParser } from './helpers';
 
 type CustomRecordingEvent = { tag: string; payload: Record<string, unknown> };
-type PerformanceSpan = {
+export type PerformanceSpan = {
   op: string;
   description: string;
   startTimestamp: number;