rollbar 2.26.3 → 3.0.0-alpha.1

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,33 +3,33 @@
 /* globals it */
 /* globals sinon */
 
-var Notifier = require('../src/notifier');
+import Notifier from '../src/notifier.js';
 
 var rollbarConfig = {
   accessToken: '12c99de67a444c229fca100e0967486f',
-  captureUncaught: true
+  captureUncaught: true,
 };
 
 function TestQueueGenerator() {
-  var TestQueue = function() {
+  var TestQueue = function () {
     this.items = [];
   };
 
-  TestQueue.prototype.addPendingItem = function(){};
-  TestQueue.prototype.removePendingItem = function(){};
-  TestQueue.prototype.addItem = function(item, callback) {
-    this.items.push({item: item, callback: callback});
+  TestQueue.prototype.addPendingItem = function () {};
+  TestQueue.prototype.removePendingItem = function () {};
+  TestQueue.prototype.addItem = function (item, callback) {
+    this.items.push({ item: item, callback: callback });
   };
 
-  TestQueue.prototype.configure = function() {};
+  TestQueue.prototype.configure = function () {};
 
   return TestQueue;
 }
 
-describe('Notifier()', function() {
-  it('should have all of the expected methods', function(done) {
+describe('Notifier()', function () {
+  it('should have all of the expected methods', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
     expect(notifier).to.have.property('configure');
     expect(notifier).to.have.property('addTransform');
@@ -39,13 +39,13 @@ describe('Notifier()', function() {
   });
 });
 
-describe('configure', function() {
-  it('should update the options', function(done) {
+describe('configure', function () {
+  it('should update the options', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {someBool: true, other: 'stuff', enabled: true};
+    var options = { someBool: true, other: 'stuff', enabled: true };
     var notifier = new Notifier(queue, options);
 
-    notifier.configure({other: 'baz'});
+    notifier.configure({ other: 'baz' });
 
     expect(notifier.options.someBool).to.be.ok();
     expect(notifier.options.other).to.eql('baz');
@@ -53,21 +53,23 @@ describe('configure', function() {
     done();
   });
 
-  it('should pass the updated options to the transform', function(done) {
+  it('should pass the updated options to the transform', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {someBool: true, enabled: true};
+    var options = { someBool: true, enabled: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
-    notifier.addTransform(function(i, o, cb) {
-      expect(o.someBool).to.not.be.ok();
-      cb(null, {a: 42, b: i.b});
-    }).addTransform(function(i, o, cb) {
-      expect(o.someBool).to.not.be.ok();
-      cb(null, {a: i.a+1, b: i.b});
-    });
+    var initialItem = { a: 123, b: 'a string' };
+    notifier
+      .addTransform(function (i, o, cb) {
+        expect(o.someBool).to.not.be.ok();
+        cb(null, { a: 42, b: i.b });
+      })
+      .addTransform(function (i, o, cb) {
+        expect(o.someBool).to.not.be.ok();
+        cb(null, { a: i.a + 1, b: i.b });
+      });
 
-    notifier.configure({someBool: false});
+    notifier.configure({ someBool: false });
 
     var spy = sinon.spy();
     notifier.log(initialItem, spy);
@@ -80,31 +82,31 @@ describe('configure', function() {
 
     done();
   });
-  it('should not add an item if disabled in constructor', function(done) {
+  it('should not add an item if disabled in constructor', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {someBool: true, enabled: false};
+    var options = { someBool: true, enabled: false };
     var notifier = new Notifier(queue, options);
-    var initialItem = {a: 123, b: 'a string'};
+    var initialItem = { a: 123, b: 'a string' };
     notifier.log(initialItem);
     expect(queue.items.length).to.eql(0);
     done();
   });
-  it('should not add an item if disabled via call to configure', function(done) {
+  it('should not add an item if disabled via call to configure', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {someBool: true, enabled: true};
+    var options = { someBool: true, enabled: true };
     var notifier = new Notifier(queue, options);
-    var initialItem = {a: 123, b: 'a string'};
-    notifier.configure({enabled: false});
+    var initialItem = { a: 123, b: 'a string' };
+    notifier.configure({ enabled: false });
     notifier.log(initialItem);
     expect(queue.items.length).to.eql(0);
     done();
   });
 });
 
-describe('addTransform', function() {
-  it('should not add a non-function', function(done) {
+describe('addTransform', function () {
+  it('should not add a non-function', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
     expect(notifier.transforms.length).to.eql(0);
@@ -114,26 +116,28 @@ describe('addTransform', function() {
     done();
   });
 
-  it('should add a function', function(done) {
+  it('should add a function', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
     expect(notifier.transforms.length).to.eql(0);
-    notifier.addTransform(function() { return; });
+    notifier.addTransform(function () {
+      return;
+    });
     expect(notifier.transforms.length).to.eql(1);
 
     done();
   });
 });
 
-describe('log', function() {
-  it('should work without any transforms', function(done) {
+describe('log', function () {
+  it('should work without any transforms', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
+    var initialItem = { a: 123, b: 'a string' };
     var spy = sinon.spy();
     notifier.log(initialItem, spy);
     expect(spy.called).to.not.be.ok();
@@ -143,17 +147,19 @@ describe('log', function() {
     done();
   });
 
-  it('should apply the transforms', function(done) {
+  it('should apply the transforms', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
-    notifier.addTransform(function(i, o, cb) {
-      cb(null, {a: 42, b: i.b});
-    }).addTransform(function(i, o, cb) {
-      cb(null, {a: i.a+1, b: i.b});
-    });
+    var initialItem = { a: 123, b: 'a string' };
+    notifier
+      .addTransform(function (i, o, cb) {
+        cb(null, { a: 42, b: i.b });
+      })
+      .addTransform(function (i, o, cb) {
+        cb(null, { a: i.a + 1, b: i.b });
+      });
     var spy = sinon.spy();
     notifier.log(initialItem, spy);
 
@@ -166,19 +172,21 @@ describe('log', function() {
     done();
   });
 
-  it('should stop and callback if a transform errors', function(done) {
+  it('should stop and callback if a transform errors', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
+    var initialItem = { a: 123, b: 'a string' };
     var error = new Error('fizz buzz');
-    notifier.addTransform(function(i, o, cb) {
-      cb(error, null);
-    }).addTransform(function(i, o, cb) {
-      expect(false).to.be.ok(); // assert this is not called
-      cb(null, {a: 42, b: i.b});
-    });
+    notifier
+      .addTransform(function (i, o, cb) {
+        cb(error, null);
+      })
+      .addTransform(function (i, o, cb) {
+        expect(false).to.be.ok(); // assert this is not called
+        cb(null, { a: 42, b: i.b });
+      });
     var spy = sinon.spy();
     notifier.log(initialItem, spy);
 
@@ -189,18 +197,20 @@ describe('log', function() {
     done();
   });
 
-  it('should work without a callback', function(done) {
+  it('should work without a callback', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true};
+    var options = { enabled: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
-    notifier.addTransform(function(i, o, cb) {
-      cb(new Error('fizz buzz'), null);
-    }).addTransform(function(i, o, cb) {
-      expect(false).to.be.ok(); // assert this is not called
-      cb(null, {a: 42, b: i.b});
-    });
+    var initialItem = { a: 123, b: 'a string' };
+    notifier
+      .addTransform(function (i, o, cb) {
+        cb(new Error('fizz buzz'), null);
+      })
+      .addTransform(function (i, o, cb) {
+        expect(false).to.be.ok(); // assert this is not called
+        cb(null, { a: 42, b: i.b });
+      });
     notifier.log(initialItem);
 
     expect(queue.items.length).to.eql(0);
@@ -208,19 +218,21 @@ describe('log', function() {
     done();
   });
 
-  it('should pass the options to the transforms', function(done) {
+  it('should pass the options to the transforms', function (done) {
     var queue = new (TestQueueGenerator())();
-    var options = {enabled: true, someBool: true};
+    var options = { enabled: true, someBool: true };
     var notifier = new Notifier(queue, options);
 
-    var initialItem = {a: 123, b: 'a string'};
-    notifier.addTransform(function(i, o, cb) {
-      expect(o.someBool).to.be.ok();
-      cb(null, {a: 42, b: i.b});
-    }).addTransform(function(i, o, cb) {
-      expect(o.someBool).to.be.ok();
-      cb(null, {a: i.a+1, b: i.b});
-    });
+    var initialItem = { a: 123, b: 'a string' };
+    notifier
+      .addTransform(function (i, o, cb) {
+        expect(o.someBool).to.be.ok();
+        cb(null, { a: 42, b: i.b });
+      })
+      .addTransform(function (i, o, cb) {
+        expect(o.someBool).to.be.ok();
+        cb(null, { a: i.a + 1, b: i.b });
+      });
     var spy = sinon.spy();
     notifier.log(initialItem, spy);