placeholder tests

Author: c298lee

dev-packages/browser-integration-tests/utils/replayEventTemplates.ts

@@ -121,7 +121,7 @@ export const expectedMemoryPerformanceSpan = {
 };
 
 export const expectedLCPPerformanceSpan = {
-  op: 'largest-contentful-paint',
+  op: 'web-vital',
   description: 'largest-contentful-paint',
   startTimestamp: expect.any(Number),
   endTimestamp: expect.any(Number),

dev-packages/e2e-tests/test-applications/react-send-to-sentry/tests/fixtures/ReplayRecordingData.ts

@@ -211,7 +211,7 @@ export const ReplayRecordingData = [
     data: {
       tag: 'performanceSpan',
       payload: {
-        op: 'largest-contentful-paint',
+        op: 'web-vital',
         description: 'largest-contentful-paint',
         startTimestamp: expect.any(Number),
         endTimestamp: expect.any(Number),

dev-packages/e2e-tests/test-applications/standard-frontend-react/tests/fixtures/ReplayRecordingData.ts

@@ -211,7 +211,7 @@ export const ReplayRecordingData = [
     data: {
       tag: 'performanceSpan',
       payload: {
-        op: 'largest-contentful-paint',
+        op: 'web-vital',
         description: 'largest-contentful-paint',
         startTimestamp: expect.any(Number),
         endTimestamp: expect.any(Number),

packages/replay-internal/test/unit/util/createPerformanceEntry.test.ts

@@ -11,7 +11,7 @@ vi.mock('@sentry/utils', async () => ({
 }));
 
 import { WINDOW } from '../../../src/constants';
-import { createPerformanceEntries, getLargestContentfulPaint } from '../../../src/util/createPerformanceEntries';
+import { createPerformanceEntries, getLargestContentfulPaint, getCumulativeLayoutShift, getFirstInputDelay, getInteractionToNextPaint } from '../../../src/util/createPerformanceEntries';
 import { PerformanceEntryNavigation } from '../../fixtures/performanceEntry/navigation';
 
 describe('Unit | util | createPerformanceEntries', () => {
@@ -72,12 +72,69 @@ describe('Unit | util | createPerformanceEntries', () => {
       const event = getLargestContentfulPaint(metric);
 
       expect(event).toEqual({
-        type: 'largest-contentful-paint',
+        type: 'web-vital',
         name: 'largest-contentful-paint',
         start: 1672531205.108299,
         end: 1672531205.108299,
         data: { value: 5108.299, size: 5108.299, nodeId: undefined },
       });
     });
   });
+
+  describe('getCumulativeLayoutShift', () => {
+    it('works with an CLS metric', async () => {
+      const metric = {
+        value: 5108.299,
+        entries: [],
+      };
+
+      const event = getCumulativeLayoutShift(metric);
+
+      expect(event).toEqual({
+        type: 'web-vital',
+        name: 'cumulative-layout-shift',
+        start: 1672531205.108299,
+        end: 1672531205.108299,
+        data: { value: 5108.299, size: 5108.299, nodeId: undefined },
+      });
+    });
+  });
+
+  describe('getFirstInputDelay', () => {
+    it('works with an FID metric', async () => {
+      const metric = {
+        value: 5108.299,
+        entries: [],
+      };
+
+      const event = getFirstInputDelay(metric);
+
+      expect(event).toEqual({
+        type: 'web-vital',
+        name: 'first-input-delay',
+        start: 1672531205.108299,
+        end: 1672531205.108299,
+        data: { value: 5108.299, size: 5108.299, nodeId: undefined },
+      });
+    });
+  });
+
+  describe('getInteractionToNextPaint', () => {
+    it('works with an INP metric', async () => {
+      const metric = {
+        value: 5108.299,
+        entries: [],
+      };
+
+      const event = getInteractionToNextPaint(metric);
+
+      expect(event).toEqual({
+        type: 'web-vital',
+        name: 'interaction-to-next-paint',
+        start: 1672531205.108299,
+        end: 1672531205.108299,
+        data: { value: 5108.299, size: 5108.299, nodeId: undefined },
+      });
+    });
+  });
 });