chore(log): Add log for image zoom click

box · Jul 10, 2020 · 92e94d7 · 92e94d7
1 parent ed77210
commit 92e94d7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/lib/events.js b/src/lib/events.js
@@ -3,6 +3,7 @@ export const VIEWER_EVENT = {
     default: 'viewerevent', // The default viewer event.
     download: 'download', // Begin downloading the file.
     error: 'error', // When an error occurs.
+    imageZoomClick: 'imagezoomclick', // When image is clicked directly to zoom/reset
     load: 'load', // Preview is finished loading.
     mediaEndAutoplay: 'mediaendautoplay', // Media playback has completed, with autoplay enabled.
     metric: 'viewermetric', // A viewer metric.

diff --git a/src/lib/viewers/image/ImageBaseViewer.js b/src/lib/viewers/image/ImageBaseViewer.js
@@ -378,6 +378,8 @@ class ImageBaseViewer extends BaseViewer {
                 // click mouse up. In that case reset the image size, mimicking single-click-unzoom.
                 this.zoom('reset');
             }
+
+            this.emitMetric(VIEWER_EVENT.imageZoomClick, this.options.file.id);
         }
     }
 

diff --git a/src/lib/viewers/image/__tests__/ImageBaseViewer-test.js b/src/lib/viewers/image/__tests__/ImageBaseViewer-test.js
@@ -313,9 +313,15 @@ describe('lib/viewers/image/ImageBaseViewer', () => {
 
     describe('handleMouseUp()', () => {
         beforeEach(() => {
+            stubs.emitMetric = sandbox.stub(imageBase, 'emitMetric');
             stubs.pan = sandbox.stub(imageBase, 'stopPanning');
             stubs.zoom = sandbox.stub(imageBase, 'zoom');
             imageBase.isPanning = false;
+            imageBase.options = {
+                file: {
+                    id: 1,
+                },
+            };
         });
 
         it('should do nothing if incorrect click type', () => {
@@ -335,6 +341,7 @@ describe('lib/viewers/image/ImageBaseViewer', () => {
             event.metaKey = 'blah';
             imageBase.handleMouseUp(event);
             expect(stubs.zoom).to.not.have.been.called;
+            expect(stubs.emitMetric).to.not.have.been.called;
         });
 
         it('should zoom in if zoomable but not pannable', () => {
@@ -349,6 +356,7 @@ describe('lib/viewers/image/ImageBaseViewer', () => {
             imageBase.isZoomable = true;
             imageBase.handleMouseUp(event);
             expect(stubs.zoom).to.have.been.calledWith('in');
+            expect(stubs.emitMetric).to.be.calledWith('imagezoomclick', 1);
         });
 
         it('should reset zoom if mouseup was not due to end of panning', () => {
@@ -364,6 +372,7 @@ describe('lib/viewers/image/ImageBaseViewer', () => {
             imageBase.didPan = false;
             imageBase.handleMouseUp(event);
             expect(stubs.zoom).to.have.been.calledWith('reset');
+            expect(stubs.emitMetric).to.be.calledWith('imagezoomclick', 1);
         });
 
         it('should not zoom if mouse up was due to end of panning', () => {