rollbar 2.26.4 → 3.0.0-alpha.2

package/test/fixtures/replay/rrwebSyntheticEvents.fixtures.js

@@ -0,0 +1,328 @@
+/**
+ * Synthetic rrweb events created from type definitions
+ * These events are NOT from real recordings but are created based on the
+ * type definitions in @rrweb/types to ensure complete test coverage.
+ */
+
+import {
+  EventType,
+  IncrementalSource,
+  MouseInteractions,
+  MediaInteractions,
+  PointerTypes,
+} from '@rrweb/types';
+
+/**
+ * Synthetic events created from type definitions for testing
+ * These cover sources and interactions not in the real recordings
+ */
+export const syntheticEvents = {
+  domContentLoaded: {
+    type: EventType.DomContentLoaded,
+    data: {}, // Empty object confirmed in rrweb/src/record/index.ts
+    timestamp: 1744983335276,
+  },
+
+  load: {
+    type: EventType.Load,
+    data: {}, // Empty object confirmed in rrweb/src/record/index.ts
+    timestamp: 1744983335277,
+  },
+
+  touchMove: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.TouchMove,
+      positions: [
+        {
+          x: 150,
+          y: 200,
+          id: 20,
+          timeOffset: 0,
+        },
+        {
+          x: 160,
+          y: 210,
+          id: 20,
+          timeOffset: 100,
+        },
+      ],
+    },
+    timestamp: 1744983335300,
+  },
+
+  mediaInteractionPlay: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MediaInteraction,
+      type: MediaInteractions.Play,
+      id: 45,
+      currentTime: 0,
+    },
+    timestamp: 1744983335310,
+  },
+
+  mediaInteractionPause: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MediaInteraction,
+      type: MediaInteractions.Pause,
+      id: 45,
+      currentTime: 30.5,
+    },
+    timestamp: 1744983335320,
+  },
+
+  mediaInteractionSeeked: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MediaInteraction,
+      type: MediaInteractions.Seeked,
+      id: 45,
+      currentTime: 60,
+    },
+    timestamp: 1744983335330,
+  },
+
+  mediaInteractionVolumeChange: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MediaInteraction,
+      type: MediaInteractions.VolumeChange,
+      id: 45,
+      volume: 0.75,
+      muted: false,
+    },
+    timestamp: 1744983335340,
+  },
+
+  mediaInteractionRateChange: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MediaInteraction,
+      type: MediaInteractions.RateChange,
+      id: 45,
+      playbackRate: 1.5,
+    },
+    timestamp: 1744983335350,
+  },
+
+  styleSheetRule: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleSheetRule,
+      styleId: 3,
+      adds: [
+        {
+          rule: '.new-class { color: red; }',
+          index: 1,
+        },
+      ],
+    },
+    timestamp: 1744983335360,
+  },
+
+  canvasMutation: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.CanvasMutation,
+      id: 24,
+      type: 0, // 2D canvas mutation
+      commands: [
+        {
+          property: 'fillStyle',
+          args: ['#ff0000'],
+          setter: true,
+        },
+        {
+          property: 'fillRect',
+          args: [10, 10, 100, 100],
+          setter: false,
+        },
+      ],
+    },
+    timestamp: 1744983335370,
+  },
+
+  font: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Font,
+      family: 'CustomFont',
+      fontSource: "url('path/to/font.woff2')",
+      buffer: false,
+      descriptors: {
+        style: 'normal',
+        weight: '400',
+        display: 'swap',
+      },
+    },
+    timestamp: 1744983335380,
+  },
+
+  log: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Log,
+      level: 'info',
+      trace: [],
+      payload: ['Log message from application'],
+    },
+    timestamp: 1744983335390,
+  },
+
+  drag: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.Drag,
+      positions: [
+        {
+          x: 100,
+          y: 100,
+          id: 50,
+          timeOffset: 0,
+        },
+        {
+          x: 120,
+          y: 120,
+          id: 50,
+          timeOffset: 100,
+        },
+        {
+          x: 140,
+          y: 140,
+          id: 50,
+          timeOffset: 200,
+        },
+      ],
+    },
+    timestamp: 1744983335400,
+  },
+
+  styleDeclaration: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 64,
+      index: [0],
+      set: {
+        property: 'color',
+        value: 'blue',
+        priority: 'important',
+      },
+    },
+    timestamp: 1744983335410,
+  },
+
+  adoptedStyleSheet: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.AdoptedStyleSheet,
+      id: 1,
+      styles: [
+        {
+          id: 1,
+          rules: [
+            {
+              cssText: 'body { margin: 0; padding: 0; }',
+            },
+            {
+              cssText: 'h1 { font-size: 24px; }',
+            },
+          ],
+        },
+      ],
+    },
+    timestamp: 1744983335420,
+  },
+
+  customElement: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.CustomElement,
+      id: 80,
+      mutations: [
+        {
+          type: 'attributes',
+          name: 'data-custom',
+          value: 'new-value',
+        },
+      ],
+    },
+    timestamp: 1744983335430,
+  },
+
+  mouseInteractionDblClick: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.DblClick,
+      id: 73,
+      x: 200,
+      y: 300,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335440,
+  },
+
+  mouseInteractionContextMenu: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.ContextMenu,
+      id: 73,
+      x: 200,
+      y: 300,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335450,
+  },
+
+  mouseInteractionFocus: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.Focus,
+      id: 73,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335460,
+  },
+
+  mouseInteractionBlur: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.Blur,
+      id: 73,
+      pointerType: PointerTypes.Mouse,
+    },
+    timestamp: 1744983335470,
+  },
+
+  mouseInteractionTouchStart: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.TouchStart,
+      id: 73,
+      x: 200,
+      y: 300,
+      pointerType: PointerTypes.Touch,
+    },
+    timestamp: 1744983335480,
+  },
+
+  mouseInteractionTouchEnd: {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.MouseInteraction,
+      type: MouseInteractions.TouchEnd,
+      id: 73,
+      x: 200,
+      y: 300,
+      pointerType: PointerTypes.Touch,
+    },
+    timestamp: 1744983335490,
+  },
+};

package/test/notifier.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var Notifier = require('../src/notifier');
+import Notifier from '../src/notifier.js';
 
 var rollbarConfig = {
   accessToken: '12c99de67a444c229fca100e0967486f',

package/test/predicates.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var p = require('../src/predicates');
+import p from '../src/predicates.js';
 var logger = {
   log: function () {},
   error: function () {},

package/test/queue.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var Queue = require('../src/queue');
+import Queue from '../src/queue.js';
 
 function TestRateLimiterGenerator() {
   var TestRateLimiter = function () {

package/test/rateLimiter.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var RateLimiter = require('../src/rateLimiter');
+import RateLimiter from '../src/rateLimiter.js';
 
 describe('RateLimiter()', function () {
   it('should have all of the expected methods', function (done) {

package/test/react-native.rollbar.test.js

@@ -3,7 +3,7 @@
 /* globals it */
 /* globals sinon */
 
-var Rollbar = require('../src/react-native/rollbar');
+import Rollbar from '../src/react-native/rollbar.js';
 var rollbarConfig = {
   accessToken: 'POST_CLIENT_ITEM_TOKEN',
   captureUncaught: true,

package/test/react-native.transforms.test.js

@@ -3,8 +3,8 @@
 /* globals it */
 /* globals sinon */
 
-var Rollbar = require('../src/react-native/rollbar');
-var t = require('../src/react-native/transforms');
+import Rollbar from '../src/react-native/rollbar.js';
+import t from '../src/react-native/transforms.js';
 
 function TestClientGen() {
   var TestClient = function () {

package/test/react-native.transport.test.js

@@ -3,10 +3,10 @@
 /* globals it */
 /* globals sinon */
 
-var truncation = require('../src/truncation');
-var Transport = require('../src/react-native/transport');
+import truncation from '../src/truncation.js';
+import Transport from '../src/react-native/transport.js';
 var t = new Transport(truncation);
-var utility = require('../src/utility');
+import utility from '../src/utility.js';
 utility.setupJSON();
 
 describe('post', function () {

package/test/replay/index.js

@@ -0,0 +1,2 @@
+export * from './integration/index.js';
+export * from './unit/index.js';

package/test/replay/integration/api.spans.test.js

@@ -0,0 +1,136 @@
+/**
+ * API integration tests for span transport
+ */
+
+/* globals describe */
+/* globals it */
+/* globals beforeEach */
+/* globals afterEach */
+
+import { expect } from 'chai';
+import sinon from 'sinon';
+
+import Api from '../../../src/api.js';
+import {
+  standardPayload,
+  createPayloadWithReplayId,
+} from '../../fixtures/replay/payloads.fixtures.js';
+
+describe('API Span Transport', function () {
+  let api;
+  let transport;
+  let accessToken;
+
+  beforeEach(function () {
+    accessToken = 'test-token-12345';
+
+    transport = {
+      post: sinon
+        .stub()
+        .callsFake((accessToken, transportOptions, payload, callback) => {
+          setTimeout(() => {
+            callback(null, { err: 0, result: { id: '12345' } });
+          }, 10);
+        }),
+      postJsonPayload: sinon.stub(),
+    };
+
+    const urlMock = { parse: sinon.stub().returns({}) };
+    const truncationMock = {
+      truncate: sinon.stub().returns({ error: null, value: '{}' }),
+    };
+
+    api = new Api({ accessToken }, transport, urlMock, truncationMock);
+  });
+
+  afterEach(function () {
+    sinon.restore();
+  });
+
+  it('should use the session endpoint for spans', async function () {
+    const spans = standardPayload;
+
+    await api.postSpans(spans);
+
+    expect(transport.post.calledOnce).to.be.true;
+
+    const transportOptions = transport.post.firstCall.args[1];
+    expect(transportOptions.path).to.include('/api/1/session/');
+  });
+
+  it('should format spans payload correctly', async function () {
+    const testReplayId = 'test-replay-api-12345';
+    const spans = createPayloadWithReplayId(testReplayId);
+
+    await api.postSpans(spans);
+
+    const payload = transport.post.firstCall.args[2];
+
+    expect(payload).to.have.property('resourceSpans');
+    expect(payload).to.deep.equal(spans);
+  });
+
+  it('should handle transport errors', async function () {
+    const testError = new Error('Transport failure');
+    transport.post.callsFake(
+      (accessToken, transportOptions, payload, callback) => {
+        setTimeout(() => {
+          callback(testError);
+        }, 10);
+      },
+    );
+
+    const spans = [{ id: 'error-span', name: 'error-recording' }];
+
+    try {
+      await api.postSpans(spans);
+      expect.fail('Expected error not thrown');
+    } catch (error) {
+      expect(error).to.equal(testError);
+    }
+  });
+
+  it('should handle API response errors', async function () {
+    transport.post.callsFake(
+      (accessToken, transportOptions, payload, callback) => {
+        setTimeout(() => {
+          callback(null, { err: 1, message: 'API Error' });
+        }, 10);
+      },
+    );
+
+    const spans = [{ id: 'error-span', name: 'error-recording' }];
+
+    const response = await api.postSpans(spans);
+
+    expect(response).to.have.property('err', 1);
+    expect(response).to.have.property('message', 'API Error');
+  });
+
+  it('should merge options when reconfigured', function () {
+    const originalOptions = api.options;
+
+    api.configure({
+      endpoint: 'https://custom.rollbar.com/api/',
+    });
+
+    expect(api.options).to.not.equal(originalOptions);
+    expect(api.options).to.have.property(
+      'endpoint',
+      'https://custom.rollbar.com/api/',
+    );
+    expect(api.accessToken).to.equal(accessToken);
+  });
+
+  it('should update sessionTransportOptions when reconfigured', function () {
+    const originalTransportOptions = api.OTLPTransportOptions;
+
+    api.configure({
+      tracing: {
+        endpoint: 'https://custom.rollbar.com/api/',
+      },
+    });
+
+    expect(api.OTLPTransportOptions).to.not.equal(originalTransportOptions);
+  });
+});