Add Disabled class to Sign In button

2015-12-07 20:06:09 +05:00
parent e908b569eb
commit 912e012bb7
4 changed files with 54 additions and 3 deletions
--- a/cms/static/js/spec/views/login_studio_spec.js
+++ b/cms/static/js/spec/views/login_studio_spec.js
@@ -0,0 +1,32 @@
+define(['jquery', 'js/factories/login', 'common/js/spec_helpers/ajax_helpers', 'common/js/components/utils/view_utils'],
+function($, LoginFactory, AjaxHelpers, ViewUtils) {
+    'use strict';
+    describe("Studio Login Page", function() {
+        var submitButton;
+
+        beforeEach(function() {
+            loadFixtures('mock/login.underscore');
+            /*jshint unused: false*/
+            var login_factory = new LoginFactory("/home/");
+            submitButton = $('#submit');
+        });
+
+        it('disable the submit button once it is clicked', function() {
+            spyOn(ViewUtils, 'redirect').andCallFake(function(){});
+            var requests = AjaxHelpers.requests(this);
+            expect(submitButton).not.toHaveClass('is-disabled');
+            submitButton.click();
+            AjaxHelpers.respondWithJson(requests, {'success': true});
+            expect(submitButton).toHaveClass('is-disabled');
+        });
+
+        it('It will not disable the submit button if there are errors in ajax request', function() {
+            var requests = AjaxHelpers.requests(this);
+            expect(submitButton).not.toHaveClass('is-disabled');
+            submitButton.click();
+            expect(submitButton).toHaveClass('is-disabled');
+            AjaxHelpers.respondWithError(requests, {});
+            expect(submitButton).not.toHaveClass('is-disabled');
+        });
+    });
+});