npm - @financial-times/cp-content-pipeline-ui - Versions diffs - 7.4.1 → 7.4.2 - Mend

@financial-times/cp-content-pipeline-ui 7.4.1 → 7.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -574,6 +574,13 @@
     * @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
     * @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
+## [7.4.2](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.4.1...cp-content-pipeline-ui-v7.4.2) (2024-10-30)
+### Bug Fixes
+* only send errors when the value has changed not been removed ([4ff2bbc](https://github.com/Financial-Times/cp-content-pipeline/commit/4ff2bbc03f4b8c824549bb4a7529e4d56b758aa6))
 ## [7.4.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v7.4.0...cp-content-pipeline-ui-v7.4.1) (2024-10-29)

package/lib/components/content-tree/CustomCodeComponent/client/tracking.d.ts CHANGED Viewed

@@ -2,9 +2,8 @@ type Component = {
     id: string;
     name: string;
     type: string;
-    timeElapsedSeconds?: number;
 };
-type TrackingData = {
+export type TrackingData = {
     component: Component;
 };
 /**

package/lib/components/content-tree/CustomCodeComponent/client/tracking.js CHANGED Viewed

@@ -61,9 +61,11 @@ class CustomCodeComponentTracker {
         this.dispatchEvent('act', { trigger_action: 'success' });
     }
     onCccError() {
-        this.dispatchEvent('act', {
-            trigger_action: `error: ${this.component.dataset.cccError}`,
-        });
+        if (this.component.dataset.cccError) {
+            this.dispatchEvent('act', {
+                trigger_action: `error: ${this.component.dataset.cccError}`,
+            });
+        }
     }
     onView() {
         this.dispatchEvent('view');

package/lib/components/content-tree/CustomCodeComponent/client/tracking.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/CustomCodeComponent/client/tracking.ts"],"names":[],"mappings":";;;~~AAWA~~;;;;;GAKG;AACH,MAAM,0BAA0B;IAMpB;IACA;IANF,gBAAgB,CAAmB;IACnC,oBAAoB,CAAuB;IAC3C,OAAO,CAAU;IAEzB,YACU,SAAsB,EACtB,YAA0B;QAD1B,cAAS,GAAT,SAAS,CAAa;QACtB,iBAAY,GAAZ,YAAY,CAAc;QAElC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC1B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;QAChC,oGAAoG;QACpG,iGAAiG;QACjG,0CAA0C;QAC1C,uGAAuG;QACvG,oBAAoB;QACpB,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CACjC,CAAA;QACD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;YAC5C,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;SACtD,CAAC,CAAA;QACF,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAClD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EACxB;YACE,UAAU,EAAE,oBAAoB;YAChC,SAAS,EAAE,CAAC;SACb,CACF,CAAA;QACD,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACjD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACtC,IAAI,CAAC,IAAI,EAAE,CAAA;IACb,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC3B,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,MAAM,CAAA;IAC7C,CAAC;IAEO,gBAAgB,CAAC,aAA+B;QACtD,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE,CAAC;YACrC,IAAI,QAAQ,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;gBAChD,IAAI,CAAC,cAAc,EAAE,CAAA;YACvB,CAAC;YACD,IAAI,QAAQ,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;gBAChD,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAA;IAC1D,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;~~YACxB~~,cAAc,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE;~~SAC5D~~,CAAC,CAAA;~~IACJ~~,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;IACrB,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACtB,CAAC;IAEO,aAAa,CAAC,MAAc,EAAE,WAAW,GAAG,EAAE;QACpD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;YAC/C,MAAM,EAAE;gBACN,QAAQ,EAAE,WAAW;gBACrB,MAAM;gBACN,GAAG,IAAI,CAAC,YAAY;gBACpB,GAAG,WAAW;aACf;YACD,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;QACF,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAEO,QAAQ,CAAC,OAAoC;QACnD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBACrC,OAAM;YACR,CAAC;YACD,IACE,MAAM,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;gBACpC,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,EACxD,CAAC;gBACD,IAAI,CAAC,MAAM,EAAE,CAAA;YACf,CAAC;YACD,IACE,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,iBAAiB,KAAK,CAAC,CAAC,EAC1D,CAAC;gBACD,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAM;QAE3B,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;QAClD,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAA;QACnC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACpD,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAA;QAEvC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CAAA;IACnC,CAAC;CACF;AAEQ,gEAA0B"}
1	+ {"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/CustomCodeComponent/client/tracking.ts"],"names":[],"mappings":";;;AAUA;;;;;GAKG;AACH,MAAM,0BAA0B;IAMpB;IACA;IANF,gBAAgB,CAAmB;IACnC,oBAAoB,CAAuB;IAC3C,OAAO,CAAU;IAEzB,YACU,SAAsB,EACtB,YAA0B;QAD1B,cAAS,GAAT,SAAS,CAAa;QACtB,iBAAY,GAAZ,YAAY,CAAc;QAElC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;QAC1B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAA;QAChC,oGAAoG;QACpG,iGAAiG;QACjG,0CAA0C;QAC1C,uGAAuG;QACvG,oBAAoB;QACpB,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CACjC,CAAA;QACD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;YAC5C,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;SACtD,CAAC,CAAA;QACF,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAClD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EACxB;YACE,UAAU,EAAE,oBAAoB;YAChC,SAAS,EAAE,CAAC;SACb,CACF,CAAA;QACD,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACjD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACtC,IAAI,CAAC,IAAI,EAAE,CAAA;IACb,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC3B,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,UAAU,EAAE,CAAA;QACnB,CAAC;QAED,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,MAAM,CAAA;IAC7C,CAAC;IAEO,gBAAgB,CAAC,aAA+B;QACtD,KAAK,MAAM,QAAQ,IAAI,aAAa,EAAE,CAAC;YACrC,IAAI,QAAQ,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;gBAChD,IAAI,CAAC,cAAc,EAAE,CAAA;YACvB,CAAC;YACD,IAAI,QAAQ,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;gBAChD,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;QACH,CAAC;IACH,CAAC;IAEO,cAAc;QACpB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAA;IAC1D,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE;gBACxB,cAAc,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,EAAE;aAC5D,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;IACrB,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,CAAA;QAC1D,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;IACtB,CAAC;IAEO,aAAa,CAAC,MAAc,EAAE,WAAW,GAAG,EAAE;QACpD,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,iBAAiB,EAAE;YAC/C,MAAM,EAAE;gBACN,QAAQ,EAAE,WAAW;gBACrB,MAAM;gBACN,GAAG,IAAI,CAAC,YAAY;gBACpB,GAAG,WAAW;aACf;YACD,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;QACF,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAEO,QAAQ,CAAC,OAAoC;QACnD,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACzB,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;gBACrC,OAAM;YACR,CAAC;YACD,IACE,MAAM,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC;gBACpC,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,EACxD,CAAC;gBACD,IAAI,CAAC,MAAM,EAAE,CAAA;YACf,CAAC;YACD,IACE,IAAI,CAAC,OAAO;gBACZ,CAAC,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,iBAAiB,KAAK,CAAC,CAAC,EAC1D,CAAC;gBACD,IAAI,CAAC,UAAU,EAAE,CAAA;YACnB,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE,OAAM;QAE3B,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAA;QAClD,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAA;QACnC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QACpD,IAAI,CAAC,oBAAoB,EAAE,UAAU,EAAE,CAAA;QAEvC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CAAA;IACnC,CAAC;CACF;AAEQ,gEAA0B"}

package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.js ADDED Viewed

@@ -0,0 +1,195 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tracking_1 = require("./tracking");
+describe('Custom Code Component Tracker', () => {
+    let mockIntersectionObserver;
+    let mockObserve;
+    let mockUnobserve;
+    let mockDisconnectIntersection;
+    let mockComponent;
+    let mockTrackingData;
+    let dispatchEventSpy;
+    beforeEach(() => {
+        mockObserve = jest.fn();
+        mockUnobserve = jest.fn();
+        mockDisconnectIntersection = jest.fn();
+        mockIntersectionObserver = jest.fn(() => {
+            return {
+                observe: mockObserve,
+                unobserve: mockUnobserve,
+                disconnect: mockDisconnectIntersection,
+            };
+        });
+        window.IntersectionObserver = mockIntersectionObserver;
+        window.MutationObserver = MutationObserver;
+        mockComponent = document.createElement('custom-code-component');
+        mockTrackingData = {
+            component: {
+                id: '123',
+                name: 'test-component',
+                type: 'custom-code-component',
+            },
+        };
+        document.body.appendChild(mockComponent);
+        dispatchEventSpy = jest.spyOn(document.body, 'dispatchEvent');
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+        document.body.removeChild(mockComponent);
+    });
+    describe('tracking initialisation and teardown', () => {
+        it('should initialise the component tracking', () => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            const mountEvent = dispatchEventSpy.mock.calls[0][0];
+            expect(mountEvent.type).toBe('oTracking.event');
+            expect(mountEvent.detail).toEqual({
+                category: 'component',
+                action: 'mount',
+                component: mockTrackingData.component,
+            });
+        });
+        it('should send an error event on initialisation if the component has errored', () => {
+            mockComponent.dataset.cccError = 'import-failure';
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            const errorEvent = dispatchEventSpy.mock.calls[1][0];
+            expect(errorEvent.type).toBe('oTracking.event');
+            expect(errorEvent.detail).toEqual({
+                category: 'component',
+                action: 'act',
+                component: mockTrackingData.component,
+                trigger_action: 'error: import-failure',
+            });
+        });
+        it('should send a success event on initialisation if the component has already loaded', () => {
+            mockComponent.dataset.cccReady = 'true';
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            const successEvent = dispatchEventSpy.mock.calls[1][0];
+            expect(successEvent.type).toBe('oTracking.event');
+            expect(successEvent.detail).toEqual({
+                category: 'component',
+                action: 'act',
+                component: mockTrackingData.component,
+                trigger_action: 'success',
+            });
+        });
+        it('should set the component as initialised', () => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            expect(mockComponent.getAttribute('data-initialised')).toBe('true');
+        });
+        it('should teardown the instance on destroy', () => {
+            const tracker = new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            tracker.destroy();
+            expect(mockComponent.getAttribute('data-initialised')).toBeNull();
+            expect(mockDisconnectIntersection).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('full component initalisation events', () => {
+        it('should send a success event when the component has loaded', (done) => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            Promise.resolve((mockComponent.dataset.cccReady = 'true')).then(() => {
+                const successEvent = dispatchEventSpy.mock.calls[1][0];
+                expect(successEvent.type).toBe('oTracking.event');
+                expect(successEvent.detail).toEqual({
+                    category: 'component',
+                    action: 'act',
+                    component: mockTrackingData.component,
+                    trigger_action: 'success',
+                });
+                done();
+            });
+        });
+        it('should send an error import-timeout event when the component has not loaded', (done) => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            Promise.resolve((mockComponent.dataset.cccError = 'import-timeout')).then(() => {
+                const successEvent = dispatchEventSpy.mock.calls[1][0];
+                expect(successEvent.type).toBe('oTracking.event');
+                expect(successEvent.detail).toEqual({
+                    category: 'component',
+                    action: 'act',
+                    component: mockTrackingData.component,
+                    trigger_action: 'error: import-timeout',
+                });
+                done();
+            });
+        });
+        it('should send an error import-failure event when the component has errored', (done) => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            Promise.resolve((mockComponent.dataset.cccError = 'import-failure')).then(() => {
+                const successEvent = dispatchEventSpy.mock.calls[1][0];
+                expect(successEvent.type).toBe('oTracking.event');
+                expect(successEvent.detail).toEqual({
+                    category: 'component',
+                    action: 'act',
+                    component: mockTrackingData.component,
+                    trigger_action: 'error: import-failure',
+                });
+                done();
+            });
+        });
+        it('should send a timeout then success if the component loads slowly, after a time threshold defined as timeout', (done) => {
+            new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            Promise.resolve((mockComponent.dataset.cccError = 'import-timeout'))
+                .then(() => (mockComponent.dataset.cccReady = 'true'))
+                .then(() => {
+                const successEvent = dispatchEventSpy.mock.calls[2][0];
+                expect(successEvent.type).toBe('oTracking.event');
+                expect(successEvent.detail).toEqual({
+                    category: 'component',
+                    action: 'act',
+                    component: mockTrackingData.component,
+                    trigger_action: 'success',
+                });
+                done();
+            });
+        });
+    });
+    describe('component visibility changes', () => {
+        it('should send a view event when the component enters and exits the viewport', () => {
+            const tracker = new tracking_1.CustomCodeComponentTracker(mockComponent, mockTrackingData);
+            const mockEnterView = [
+                {
+                    target: mockComponent,
+                    isIntersecting: true,
+                    intersectionRatio: 1.0,
+                    boundingClientRect: {
+                        height: 100,
+                    },
+                    intersectionRect: {},
+                    rootBounds: null,
+                    time: 1,
+                },
+            ];
+            tracker['onChange'](mockEnterView);
+            const viewEvent = dispatchEventSpy.mock.calls[1][0];
+            expect(viewEvent.type).toBe('oTracking.event');
+            expect(viewEvent.detail).toEqual({
+                category: 'component',
+                action: 'view',
+                component: mockTrackingData.component,
+            });
+            const mockExitView = [
+                {
+                    target: mockComponent,
+                    isIntersecting: false,
+                    intersectionRatio: 0,
+                    boundingClientRect: {
+                        height: 100,
+                    },
+                    intersectionRect: {},
+                    rootBounds: null,
+                    time: 1,
+                },
+            ];
+            tracker['onChange'](mockExitView);
+            const exitEvent = dispatchEventSpy.mock.calls[2][0];
+            expect(exitEvent.type).toBe('oTracking.event');
+            expect(exitEvent.detail).toEqual({
+                category: 'component',
+                action: 'act',
+                trigger_action: 'exit-view',
+                component: mockTrackingData.component,
+            });
+        });
+    });
+});
+//# sourceMappingURL=tracking.spec.js.map

package/lib/components/content-tree/CustomCodeComponent/client/tracking.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tracking.spec.js","sourceRoot":"","sources":["../../../../../src/components/content-tree/CustomCodeComponent/client/tracking.spec.ts"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/cp-content-pipeline-ui",
-  "version": "7.4.1",
+  "version": "7.4.2",
   "description": "",
   "main": "lib/index.js",
   "scripts": {

package/src/components/content-tree/CustomCodeComponent/client/tracking.spec.ts ADDED Viewed

@@ -0,0 +1,232 @@
+import { TrackingData, CustomCodeComponentTracker } from './tracking'
+describe('Custom Code Component Tracker', () => {
+  let mockIntersectionObserver: jest.Mock
+  let mockObserve: jest.Mock
+  let mockUnobserve: jest.Mock
+  let mockDisconnectIntersection: jest.Mock
+  let mockComponent: HTMLElement
+  let mockTrackingData: TrackingData
+  let dispatchEventSpy: jest.SpyInstance
+  beforeEach(() => {
+    mockObserve = jest.fn()
+    mockUnobserve = jest.fn()
+    mockDisconnectIntersection = jest.fn()
+    mockIntersectionObserver = jest.fn(() => {
+      return {
+        observe: mockObserve,
+        unobserve: mockUnobserve,
+        disconnect: mockDisconnectIntersection,
+      }
+    })
+    window.IntersectionObserver = mockIntersectionObserver
+    window.MutationObserver = MutationObserver
+    mockComponent = document.createElement('custom-code-component')
+    mockTrackingData = {
+      component: {
+        id: '123',
+        name: 'test-component',
+        type: 'custom-code-component',
+      },
+    }
+    document.body.appendChild(mockComponent)
+    dispatchEventSpy = jest.spyOn(document.body, 'dispatchEvent')
+  })
+  afterEach(() => {
+    jest.clearAllMocks()
+    document.body.removeChild(mockComponent)
+  })
+  describe('tracking initialisation and teardown', () => {
+    it('should initialise the component tracking', () => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      const mountEvent = dispatchEventSpy.mock.calls[0][0] as CustomEvent
+      expect(mountEvent.type).toBe('oTracking.event')
+      expect(mountEvent.detail).toEqual({
+        category: 'component',
+        action: 'mount',
+        component: mockTrackingData.component,
+      })
+    })
+    it('should send an error event on initialisation if the component has errored', () => {
+      mockComponent.dataset.cccError = 'import-failure'
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      const errorEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+      expect(errorEvent.type).toBe('oTracking.event')
+      expect(errorEvent.detail).toEqual({
+        category: 'component',
+        action: 'act',
+        component: mockTrackingData.component,
+        trigger_action: 'error: import-failure',
+      })
+    })
+    it('should send a success event on initialisation if the component has already loaded', () => {
+      mockComponent.dataset.cccReady = 'true'
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      const successEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+      expect(successEvent.type).toBe('oTracking.event')
+      expect(successEvent.detail).toEqual({
+        category: 'component',
+        action: 'act',
+        component: mockTrackingData.component,
+        trigger_action: 'success',
+      })
+    })
+    it('should set the component as initialised', () => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      expect(mockComponent.getAttribute('data-initialised')).toBe('true')
+    })
+    it('should teardown the instance on destroy', () => {
+      const tracker = new CustomCodeComponentTracker(
+        mockComponent,
+        mockTrackingData
+      )
+      tracker.destroy()
+      expect(mockComponent.getAttribute('data-initialised')).toBeNull()
+      expect(mockDisconnectIntersection).toHaveBeenCalledTimes(1)
+    })
+  })
+  describe('full component initalisation events', () => {
+    it('should send a success event when the component has loaded', (done) => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      Promise.resolve((mockComponent.dataset.cccReady = 'true')).then(() => {
+        const successEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+        expect(successEvent.type).toBe('oTracking.event')
+        expect(successEvent.detail).toEqual({
+          category: 'component',
+          action: 'act',
+          component: mockTrackingData.component,
+          trigger_action: 'success',
+        })
+        done()
+      })
+    })
+    it('should send an error import-timeout event when the component has not loaded', (done) => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      Promise.resolve((mockComponent.dataset.cccError = 'import-timeout')).then(
+        () => {
+          const successEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+          expect(successEvent.type).toBe('oTracking.event')
+          expect(successEvent.detail).toEqual({
+            category: 'component',
+            action: 'act',
+            component: mockTrackingData.component,
+            trigger_action: 'error: import-timeout',
+          })
+          done()
+        }
+      )
+    })
+    it('should send an error import-failure event when the component has errored', (done) => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      Promise.resolve((mockComponent.dataset.cccError = 'import-failure')).then(
+        () => {
+          const successEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+          expect(successEvent.type).toBe('oTracking.event')
+          expect(successEvent.detail).toEqual({
+            category: 'component',
+            action: 'act',
+            component: mockTrackingData.component,
+            trigger_action: 'error: import-failure',
+          })
+          done()
+        }
+      )
+    })
+    it('should send a timeout then success if the component loads slowly, after a time threshold defined as timeout', (done) => {
+      new CustomCodeComponentTracker(mockComponent, mockTrackingData)
+      Promise.resolve((mockComponent.dataset.cccError = 'import-timeout'))
+        .then(() => (mockComponent.dataset.cccReady = 'true'))
+        .then(() => {
+          const successEvent = dispatchEventSpy.mock.calls[2][0] as CustomEvent
+          expect(successEvent.type).toBe('oTracking.event')
+          expect(successEvent.detail).toEqual({
+            category: 'component',
+            action: 'act',
+            component: mockTrackingData.component,
+            trigger_action: 'success',
+          })
+          done()
+        })
+    })
+  })
+  describe('component visibility changes', () => {
+    it('should send a view event when the component enters and exits the viewport', () => {
+      const tracker = new CustomCodeComponentTracker(
+        mockComponent,
+        mockTrackingData
+      )
+      const mockEnterView: IntersectionObserverEntry[] = [
+        {
+          target: mockComponent,
+          isIntersecting: true,
+          intersectionRatio: 1.0,
+          boundingClientRect: {
+            height: 100,
+          } as unknown as DOMRectReadOnly,
+          intersectionRect: {} as DOMRectReadOnly,
+          rootBounds: null,
+          time: 1,
+        },
+      ]
+      tracker['onChange'](mockEnterView)
+      const viewEvent = dispatchEventSpy.mock.calls[1][0] as CustomEvent
+      expect(viewEvent.type).toBe('oTracking.event')
+      expect(viewEvent.detail).toEqual({
+        category: 'component',
+        action: 'view',
+        component: mockTrackingData.component,
+      })
+      const mockExitView: IntersectionObserverEntry[] = [
+        {
+          target: mockComponent,
+          isIntersecting: false,
+          intersectionRatio: 0,
+          boundingClientRect: {
+            height: 100,
+          } as unknown as DOMRectReadOnly,
+          intersectionRect: {} as DOMRectReadOnly,
+          rootBounds: null,
+          time: 1,
+        },
+      ]
+      tracker['onChange'](mockExitView)
+      const exitEvent = dispatchEventSpy.mock.calls[2][0] as CustomEvent
+      expect(exitEvent.type).toBe('oTracking.event')
+      expect(exitEvent.detail).toEqual({
+        category: 'component',
+        action: 'act',
+        trigger_action: 'exit-view',
+        component: mockTrackingData.component,
+      })
+    })
+  })
+})

package/src/components/content-tree/CustomCodeComponent/client/tracking.ts CHANGED Viewed

@@ -2,10 +2,9 @@ type Component = {
   id: string
   name: string
   type: string
-  timeElapsedSeconds?: number
 }
-type TrackingData = {
+export type TrackingData = {
   component: Component
 }
@@ -80,9 +79,11 @@ class CustomCodeComponentTracker {
   }
   private onCccError(): void {
-    this.dispatchEvent('act', {
-      trigger_action: `error: ${this.component.dataset.cccError}`,
-    })
+    if (this.component.dataset.cccError) {
+      this.dispatchEvent('act', {
+        trigger_action: `error: ${this.component.dataset.cccError}`,
+      })
+    }
   }
   private onView(): void {