@wix/interact 1.93.0 → 1.94.0

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

@@ -680,6 +680,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 {