@wix/interact 1.93.0 → 1.95.0

package/dist/cjs/__tests__/interact.spec.js

@@ -7,8 +7,7 @@ var _add = require("../core/add");
 var _remove = require("../core/remove");
 var _utilities = require("../handlers/utilities");
 var _handlers = _interopRequireDefault(require("../handlers"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Mock @wix/motion module
 jest.mock('@wix/motion', () => {
   const mock = {
@@ -680,6 +679,176 @@ describe('interact', () => {
         });
       });
     });
+    describe('null animation handling', () => {
+      it('should not add click handler when getAnimation returns null', () => {
+        _Interact.Interact.destroy();
+        const {
+          getWebAnimation
+        } = require('@wix/motion');
+        _Interact.Interact.create({
+          interactions: [{
+            trigger: 'click',
+            key: 'null-click-test',
+            effects: [{
+              effectId: 'null-test-effect'
+            }]
+          }],
+          effects: {
+            'null-test-effect': {
+              namedEffect: {
+                type: 'FadeIn'
+              },
+              duration: 500
+            }
+          }
+        });
+        getWebAnimation.mockReturnValueOnce(null);
+        element = document.createElement('interact-element');
+        const div = document.createElement('div');
+        element.append(div);
+        const addEventListenerSpy = jest.spyOn(div, 'addEventListener');
+        (0, _add.add)(element, 'null-click-test');
+        expect(addEventListenerSpy).not.toHaveBeenCalled();
+      });
+      it('should not add hover handler when getAnimation returns null', () => {
+        _Interact.Interact.destroy();
+        const {
+          getWebAnimation
+        } = require('@wix/motion');
+        _Interact.Interact.create({
+          interactions: [{
+            trigger: 'hover',
+            key: 'null-hover-test',
+            effects: [{
+              effectId: 'null-test-effect'
+            }]
+          }],
+          effects: {
+            'null-test-effect': {
+              namedEffect: {
+                type: 'FadeIn'
+              },
+              duration: 500
+            }
+          }
+        });
+        getWebAnimation.mockReturnValueOnce(null);
+        element = document.createElement('interact-element');
+        const div = document.createElement('div');
+        element.append(div);
+        const addEventListenerSpy = jest.spyOn(div, 'addEventListener');
+        (0, _add.add)(element, 'null-hover-test');
+        expect(addEventListenerSpy).not.toHaveBeenCalled();
+      });
+      it('should not add animationEnd handler when getAnimation returns null', () => {
+        _Interact.Interact.destroy();
+        const {
+          getWebAnimation
+        } = require('@wix/motion');
+        _Interact.Interact.create({
+          interactions: [{
+            trigger: 'animationEnd',
+            key: 'null-animationend-test',
+            params: {
+              effectId: 'trigger-effect'
+            },
+            effects: [{
+              effectId: 'null-test-effect'
+            }]
+          }],
+          effects: {
+            'null-test-effect': {
+              namedEffect: {
+                type: 'FadeIn'
+              },
+              duration: 500
+            }
+          }
+        });
+        getWebAnimation.mockReturnValueOnce(null);
+        element = document.createElement('interact-element');
+        const div = document.createElement('div');
+        element.append(div);
+        const addEventListenerSpy = jest.spyOn(div, 'addEventListener');
+        (0, _add.add)(element, 'null-animationend-test');
+        expect(addEventListenerSpy).not.toHaveBeenCalled();
+      });
+      it('should not add viewProgress handler when getWebAnimation returns null (ViewTimeline)', () => {
+        _Interact.Interact.destroy();
+        const {
+          getWebAnimation
+        } = require('@wix/motion');
+        _Interact.Interact.create({
+          interactions: [{
+            trigger: 'viewProgress',
+            key: 'null-viewprogress-test',
+            effects: [{
+              effectId: 'null-scroll-effect'
+            }]
+          }],
+          effects: {
+            'null-scroll-effect': {
+              namedEffect: {
+                type: 'FadeScroll',
+                range: 'in',
+                opacity: 0
+              }
+            }
+          }
+        });
+        getWebAnimation.mockReturnValueOnce(null);
+        element = document.createElement('interact-element');
+        const div = document.createElement('div');
+        element.append(div);
+        (0, _add.add)(element, 'null-viewprogress-test');
+
+        // getWebAnimation should have been called
+        expect(getWebAnimation).toHaveBeenCalled();
+      });
+      it('should not add viewProgress handler when getScrubScene returns null (polyfill)', () => {
+        // Remove ViewTimeline support to use polyfill path
+        delete window.ViewTimeline;
+        _Interact.Interact.destroy();
+        const {
+          getScrubScene
+        } = require('@wix/motion');
+        _Interact.Interact.create({
+          interactions: [{
+            trigger: 'viewProgress',
+            key: 'null-viewprogress-polyfill-test',
+            effects: [{
+              effectId: 'null-scroll-effect'
+            }]
+          }],
+          effects: {
+            'null-scroll-effect': {
+              namedEffect: {
+                type: 'FadeScroll',
+                range: 'in',
+                opacity: 0
+              }
+            }
+          }
+        });
+        getScrubScene.mockReturnValueOnce(null);
+        element = document.createElement('interact-element');
+        const div = document.createElement('div');
+        element.append(div);
+        (0, _add.add)(element, 'null-viewprogress-polyfill-test');
+
+        // getScrubScene should have been called
+        expect(getScrubScene).toHaveBeenCalled();
+
+        // Restore ViewTimeline
+        window.ViewTimeline = class ViewTimeline {
+          constructor(options) {
+            return {
+              ...options
+            };
+          }
+        };
+      });
+    });
     describe('pointerMove', () => {
       it('should add handler for pointerMove trigger', () => {
         const {