Merge remote-tracking branch 'origin/MC-39820' into 2.4-develop-pr122

Author: zakdma

app/code/Magento/Multishipping/view/frontend/requirejs-config.js

@@ -10,7 +10,8 @@ var config = {
             orderOverview: 'Magento_Multishipping/js/overview',
             payment: 'Magento_Multishipping/js/payment',
             billingLoader: 'Magento_Checkout/js/checkout-loader',
-            cartUpdate: 'Magento_Checkout/js/action/update-shopping-cart'
+            cartUpdate: 'Magento_Checkout/js/action/update-shopping-cart',
+            multiShippingBalance: 'Magento_Multishipping/js/multi-shipping-balance'
         }
     }
 };

app/code/Magento/Multishipping/view/frontend/web/js/multi-shipping-balance.js

@@ -0,0 +1,36 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+define([
+    'jquery',
+    'mage/dataPost',
+    'jquery-ui-modules/widget'
+], function ($, dataPost) {
+    'use strict';
+
+    $.widget('mage.multiShippingBalance', {
+        options: {
+            changeUrl: ''
+        },
+
+        /**
+         * Initialize balance checkbox events.
+         *
+         * @private
+         */
+        _create: function () {
+            this.element.on('change', $.proxy(function (event) {
+                dataPost().postData({
+                    action: this.options.changeUrl,
+                    data: {
+                        useBalance: +$(event.target).is(':checked')
+                    }
+                });
+            }, this));
+        }
+    });
+
+    return $.mage.multiShippingBalance;
+});

dev/tests/js/jasmine/tests/app/code/Magento/Multishipping/frontend/js/multi-shipping-balance.test.js

@@ -0,0 +1,67 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+define(['squire', 'jquery'], function (Squire, $) {
+    'use strict';
+
+    var injector = new Squire(),
+        dataPost = {
+            postData: jasmine.createSpy()
+        },
+        mocks = {
+            /** Stub */
+            'mage/dataPost': function () {
+                return dataPost;
+            }
+        },
+        checkbox,
+        url = 'example.com',
+
+        /**
+         * Toggle checkbox and assert that event was triggered.
+         *
+         * @param {Integer} value
+         */
+        toggleCheckbox = function (value) {
+            checkbox.trigger('click');
+            expect(dataPost.postData.calls.mostRecent().args[0]).toEqual({
+                action: url,
+                data: {
+                    useBalance: value
+                }
+            });
+        };
+
+    beforeEach(function (done) {
+        checkbox = $('<input type="checkbox" name="use_balance" checked="checked"/>');
+        $(document.body).append(checkbox);
+
+        injector.mock(mocks);
+        injector.require(['multiShippingBalance'], function (balance) {
+            balance({
+                changeUrl: url
+            }, checkbox);
+            done();
+        });
+    });
+
+    afterEach(function () {
+        try {
+            injector.clean();
+            injector.remove();
+        } catch (e) {}
+
+        checkbox.remove();
+    });
+
+    describe('multiShippingBalance', function () {
+        it('Check actions after clicking on checkbox.', function () {
+            toggleCheckbox(0);
+            toggleCheckbox(1);
+            toggleCheckbox(0);
+            expect(dataPost.postData).toHaveBeenCalledTimes(3);
+        });
+    });
+});