ENGCOM-6430: add check if attribute value is possible to be set as configurable option #25716

 - Merge Pull Request #25716 from brosenberger/magento2:add-check-for-configurableoption-selection
 - Merged commits:
   1. 4787517
   2. ad7ad75
   3. abc8006
   4. 7836bca
   5. 08996db
   6. f22ead8
   7. ee888ca

Author: magento-engcom-team

app/code/Magento/ConfigurableProduct/view/frontend/web/js/configurable.js

@@ -139,7 +139,12 @@ define([
             });
 
             $.each(queryParams, $.proxy(function (key, value) {
-                this.options.values[key] = value;
+                if (this.options.spConfig.attributes[key] !== undefined &&
+                    _.find(this.options.spConfig.attributes[key].options, function (element) {
+                        return element.id === value;
+                    })) {
+                    this.options.values[key] = value;
+                }
             }, this));
         },
 
@@ -155,7 +160,13 @@ define([
 
                 if (element.value) {
                     attributeId = element.id.replace(/[a-z]*/, '');
-                    this.options.values[attributeId] = element.value;
+
+                    if (this.options.spConfig.attributes[attributeId] !== undefined &&
+                        _.find(this.options.spConfig.attributes[attributeId].options, function (optionElement) {
+                            return optionElement.id === element.value;
+                        })) {
+                        this.options.values[attributeId] = element.value;
+                    }
                 }
             }, this));
         },

dev/tests/js/jasmine/tests/app/code/Magento/ConfigurableProduct/view/frontend/js/configurable.test.js

@@ -0,0 +1,69 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+define([
+    'jquery',
+    'Magento_ConfigurableProduct/js/configurable'
+], function ($, Configurable) {
+    'use strict';
+
+    var widget,
+        option = '<select name=\'super_attribute[93]\'' +
+            'data-selector=\'super_attribute[93]\'' +
+            'data-validate=\'{required:true}\'' +
+            'id=\'attribute93\'' +
+            'class=\'super-attribute-select\'>' +
+            '<option value=\'\'></option>' +
+            '</select>',
+            selectElement = $(option);
+
+    beforeEach(function () {
+        widget = new Configurable();
+        widget.options = {
+            spConfig: {
+                chooseText: 'Chose an Option...',
+                attributes:
+                {
+                    'size': {
+                        options: [
+                            {
+                                id: '2',
+                                value: '2'
+                            },
+                            {
+                                id: 3,
+                                value: 'red'
+
+                            }
+                        ]
+                    }
+                },
+                prices: {
+                    finalPrice: {
+                        amount: 12
+                    }
+                }
+            },
+            values: {
+            }
+        };
+    });
+
+    describe('Magento_ConfigurableProduct/js/configurable', function () {
+
+        it('check if attribute value is possible to be set as configurable option', function () {
+            expect($.mage.configurable).toBeDefined();
+            widget._parseQueryParams('size=2');
+            expect(widget.options.values.size).toBe('2');
+        });
+
+        it('check that attribute value is not set if provided option does not exists', function () {
+            expect($.mage.configurable).toBeDefined();
+            widget._parseQueryParams('size=10');
+            widget._fillSelect(selectElement[0]);
+            expect(widget.options.values.size).toBe(undefined);
+        });
+    });
+});