Merge remote-tracking branch 'origin/MC-41165' into 2.4-develop-pr135

Author: zakdma

app/code/Magento/Checkout/view/frontend/web/js/view/form/element/email.js

@@ -161,9 +161,13 @@ define([
                 return valid;
             }
 
-            validator = loginForm.validate();
+            if (loginForm.is(':visible')) {
+                validator = loginForm.validate();
 
-            return validator.check(usernameSelector);
+                return validator.check(usernameSelector);
+            }
+
+            return true;
         },
 
         /**

dev/tests/js/jasmine/tests/app/code/Magento/Checkout/frontend/js/view/form/element/email.test.js

@@ -5,7 +5,7 @@
 
 /* eslint max-nested-callbacks: 0 */
 
-define(['squire', 'ko'], function (Squire, ko) {
+define(['squire', 'ko', 'jquery', 'jquery/validate'], function (Squire, ko, $) {
     'use strict';
 
     describe('Magento_Checkout/js/view/form/element/email', function () {
@@ -31,12 +31,12 @@ define(['squire', 'ko'], function (Squire, ko) {
                         'getCheckedEmailValue'
                     ]
                 ),
-                'Magento_Checkout/js/model/full-screen-loader': jasmine.createSpy(),
-                'mage/validation': jasmine.createSpy()
+                'Magento_Checkout/js/model/full-screen-loader': jasmine.createSpy()
             },
             Component;
 
         beforeEach(function (done) {
+            window.checkoutConfig = {};
             injector.mock(mocks);
             injector.require(['Magento_Checkout/js/view/form/element/email'], function (Constr) {
                 Component = new Constr({
@@ -62,5 +62,23 @@ define(['squire', 'ko'], function (Squire, ko) {
                 expect(typeof Component.resolveInitialPasswordVisibility()).toEqual('boolean');
             });
         });
+
+        describe('"validateEmail" method', function () {
+            beforeEach(function () {
+                $('body').append('<form data-role="email-with-possible-login">' +
+                    '<input type="text" name="username" />' +
+                    '</form>');
+                spyOn($.fn, 'validate').and.returnValue(true);
+            });
+            it('Check if login form will be validated in case it is not visible', function () {
+                var loginFormSelector = 'form[data-role=email-with-possible-login]',
+                    loginForm = $(loginFormSelector);
+
+                loginForm.hide();
+                Component.validateEmail();
+                expect(loginForm.is(':visible')).toBeFalsy();
+                expect(loginForm.validate).not.toHaveBeenCalled();
+            });
+        });
     });
 });