ACP2E-4231: Fotorama can open Mini Cart on Image Viewer close action

Author: abukatar

dev/tests/js/jasmine/tests/lib/web/fotorama/stopEvent.test.js

@@ -0,0 +1,102 @@
+/**
+ * Copyright 2025 Adobe
+ * All Rights Reserved.
+ */
+/**
+ * Verifies fotorama stopEvent behavior on mobile vs desktop interactions.
+ */
+define([
+    'jquery',
+    'text!/lib/web/fotorama/fotorama.js'
+], function ($, fotoramaSource) {
+    'use strict';
+
+    describe('lib/web/fotorama/fotorama.js stopEvent', function () {
+        var originalMatchMedia, originalModernizr, stopEventFn;
+
+        function extractStopEvent(source) {
+            var start = source.indexOf('function stopEvent');
+            if (start === -1) {
+                return undefined;
+            }
+            var braceStart = source.indexOf('{', start);
+            var depth = 0, i = braceStart, end = -1;
+            for (; i < source.length; i++) {
+                var ch = source[i];
+                if (ch === '{') {
+                    depth++;
+                } else if (ch === '}') {
+                    depth--;
+                    if (depth === 0) {
+                        end = i + 1;
+                        break;
+                    }
+                }
+            }
+            if (end === -1) {
+                return undefined;
+            }
+            // eslint-disable-next-line no-new-func
+            return (new Function('return (' + source.slice(start, end) + ');'))();
+        }
+
+        beforeAll(function () {
+            originalMatchMedia = window.matchMedia;
+            originalModernizr = window.Modernizr;
+        });
+
+        afterAll(function () {
+            window.matchMedia = originalMatchMedia;
+            window.Modernizr = originalModernizr;
+        });
+
+        beforeEach(function () {
+            // Ensure Modernizr exists; the function references it
+            window.Modernizr = window.Modernizr || { touch: false };
+            stopEventFn = extractStopEvent(fotoramaSource);
+        });
+
+        function mockEvent(type) {
+            return {
+                type: type,
+                preventDefault: jasmine.createSpy('preventDefault'),
+                stopPropagation: jasmine.createSpy('stopPropagation'),
+                returnValue: true
+            };
+        }
+
+        it('prevents default and stops propagation on mobile touchend', function () {
+            window.matchMedia = function () { return { matches: true }; };
+            var e = mockEvent('touchend');
+            stopEventFn(e);
+            expect(e.preventDefault).toHaveBeenCalled();
+            expect(e.stopPropagation).toHaveBeenCalled();
+        });
+
+        it('prevents default on desktop click when Modernizr.touch is false', function () {
+            window.matchMedia = function () { return { matches: false }; };
+            window.Modernizr.touch = false;
+            var e = mockEvent('click');
+            stopEventFn(e);
+            expect(e.preventDefault).toHaveBeenCalled();
+        });
+
+        it('does not prevent default on desktop click when Modernizr.touch is true', function () {
+            window.matchMedia = function () { return { matches: false }; };
+            window.Modernizr.touch = true;
+            var e = mockEvent('click');
+            stopEventFn(e);
+            expect(e.preventDefault).not.toHaveBeenCalled();
+        });
+
+        it('stops propagation when second argument is true', function () {
+            window.matchMedia = function () { return { matches: false }; };
+            window.Modernizr.touch = false;
+            var e = mockEvent('click');
+            stopEventFn(e, true);
+            expect(e.stopPropagation).toHaveBeenCalled();
+        });
+    });
+});
+
+

lib/web/fotorama/fotorama.js

@@ -1,3 +1,7 @@
+/**
+ * Copyright 2015 Adobe
+ * All Rights Reserved.
+ */
 /*!
  * Fotorama 4.6.4 | http://fotorama.io/license/
  */
@@ -1219,6 +1223,13 @@ fotoramaVersion = '4.6.4';
     }
 
     function stopEvent(e, stopPropagation) {
+        const isMobile = window.matchMedia('(pointer:coarse)').matches;
+
+        if (isMobile && e.type === 'touchend') {
+            e.preventDefault && e.preventDefault();
+            e.stopPropagation && e.stopPropagation();
+            return;
+        }
         if (!Modernizr.touch) {
             e.preventDefault ? e.preventDefault() : (e.returnValue = false);
         }