ENGCOM-6305: M2C-21768 Validate product quantity on Wishlist update #25641

Author: slavvka

app/code/Magento/Wishlist/view/frontend/web/js/add-to-wishlist.js

@@ -16,7 +16,8 @@ define([
             groupedInfo: '#super-product-table input',
             downloadableInfo: '#downloadable-links-list input',
             customOptionsInfo: '.product-custom-option',
-            qtyInfo: '#qty'
+            qtyInfo: '#qty',
+            actionElement: '[data-action="add-to-wishlist"]'
         },
 
         /** @inheritdoc */
@@ -30,8 +31,10 @@ define([
         _bind: function () {
             var options = this.options,
                 dataUpdateFunc = '_updateWishlistData',
+                validateProductQty = '_validateWishlistQty',
                 changeCustomOption = 'change ' + options.customOptionsInfo,
                 changeQty = 'change ' + options.qtyInfo,
+                updateWishlist = 'click ' + options.actionElement,
                 events = {},
                 key;
 
@@ -45,6 +48,7 @@ define([
 
             events[changeCustomOption] = dataUpdateFunc;
             events[changeQty] = dataUpdateFunc;
+            events[updateWishlist] = validateProductQty;
 
             for (key in options.productType) {
                 if (options.productType.hasOwnProperty(key) && options.productType[key] + 'Info' in options) {
@@ -220,6 +224,23 @@ define([
 
                 $(form).attr('action', action).submit();
             });
+        },
+
+        /**
+         * Validate product quantity before updating Wish List
+         *
+         * @param {jQuery.Event} event
+         * @private
+         */
+        _validateWishlistQty: function (event) {
+            var element = $(this.options.qtyInfo);
+
+            if (!(element.validation() && element.validation('isValid'))) {
+                event.preventDefault();
+                event.stopPropagation();
+
+                return;
+            }
         }
     });
 

dev/tests/js/jasmine/tests/app/code/Magento/Wishlist/view/frontend/web/js/add-to-wishlist.test.js

@@ -6,15 +6,22 @@
 define([
     'jquery',
     'Magento_Wishlist/js/add-to-wishlist'
-], function ($) {
+], function ($, Widget) {
     'use strict';
 
     describe('Testing addToWishlist widget', function () {
-        var wdContainer;
+        var wdContainer,
+            wishlistWidget,
+            eventMock = {
+                preventDefault: jasmine.createSpy(),
+                stopPropagation: jasmine.createSpy()
+            };
 
         beforeEach(function () {
             wdContainer = $('<input type="hidden" class="bundle-option-11  product bundle option" \n' +
                 'name="bundle_option[11]" value="15" aria-required="true"/>');
+            wishlistWidget = new Widget();
+            $.fn.validation = {};
         });
 
         afterEach(function () {
@@ -31,5 +38,15 @@ define([
             });
             expect(wdContainer.addToWishlist('option', 'bundleInfo')).toBe('test');
         });
+
+        it('verify update wichlist with validate product qty, valid qty', function () {
+            var validation = spyOn($.fn, 'validation').and.returnValue(false);
+
+            wishlistWidget._validateWishlistQty(eventMock);
+            expect(validation).toHaveBeenCalled();
+            expect(eventMock.preventDefault).toHaveBeenCalled();
+            expect(eventMock.stopPropagation).toHaveBeenCalled();
+        });
+
     });
 });