94907cc4a9
fix password reset page, add another test and remove typo improve js test add quality changes add quality changes
236 lines
11 KiB
JavaScript
236 lines
11 KiB
JavaScript
(function(define) {
|
|
'use strict';
|
|
define([
|
|
'jquery',
|
|
'underscore',
|
|
'backbone',
|
|
'common/js/spec_helpers/template_helpers',
|
|
'edx-ui-toolkit/js/utils/spec-helpers/ajax-helpers',
|
|
'js/student_account/views/AccessView',
|
|
'js/student_account/views/FormView',
|
|
'js/student_account/enrollment',
|
|
'js/student_account/shoppingcart',
|
|
'js/student_account/emailoptin'
|
|
],
|
|
function($, _, Backbone, TemplateHelpers, AjaxHelpers, AccessView, FormView, EnrollmentInterface,
|
|
ShoppingCartInterface) {
|
|
describe('edx.student.account.AccessView', function() {
|
|
var requests = null,
|
|
view = null,
|
|
FORM_DESCRIPTION = {
|
|
method: 'post',
|
|
submit_url: '/submit',
|
|
fields: [
|
|
{
|
|
name: 'email',
|
|
label: 'Email',
|
|
defaultValue: '',
|
|
type: 'text',
|
|
required: true,
|
|
placeholder: 'xsy@edx.org',
|
|
instructions: 'Enter your email here.',
|
|
restrictions: {}
|
|
},
|
|
{
|
|
name: 'username',
|
|
label: 'Username',
|
|
defaultValue: '',
|
|
type: 'text',
|
|
required: true,
|
|
placeholder: 'Xsy',
|
|
instructions: 'Enter your username here.',
|
|
restrictions: {
|
|
max_length: 200
|
|
}
|
|
}
|
|
]
|
|
},
|
|
FORWARD_URL = (
|
|
'/account/finish_auth' +
|
|
'?course_id=edx%2FDemoX%2FFall' +
|
|
'&enrollment_action=enroll' +
|
|
'&next=%2Fdashboard'
|
|
),
|
|
THIRD_PARTY_COMPLETE_URL = '/auth/complete/provider/';
|
|
|
|
var ajaxSpyAndInitialize = function(that, mode, nextUrl, finishAuthUrl, createAccountOption) {
|
|
var options = {
|
|
initial_mode: mode,
|
|
third_party_auth: {
|
|
currentProvider: null,
|
|
providers: [],
|
|
secondaryProviders: [{name: 'provider'}],
|
|
finishAuthUrl: finishAuthUrl
|
|
},
|
|
login_redirect_url: nextUrl, // undefined for default
|
|
platform_name: 'edX',
|
|
login_form_desc: FORM_DESCRIPTION,
|
|
registration_form_desc: FORM_DESCRIPTION,
|
|
password_reset_form_desc: FORM_DESCRIPTION,
|
|
account_creation_allowed: createAccountOption
|
|
},
|
|
$logistrationElement = $('#login-and-registration-container');
|
|
|
|
// Spy on AJAX requests
|
|
requests = AjaxHelpers.requests(that);
|
|
|
|
// Initialize the access view
|
|
view = new AccessView(_.extend(options, {el: $logistrationElement}));
|
|
|
|
// Mock the redirect call
|
|
spyOn(view, 'redirect').and.callFake(function() {});
|
|
|
|
// Mock the enrollment and shopping cart interfaces
|
|
spyOn(EnrollmentInterface, 'enroll').and.callFake(function() {});
|
|
spyOn(ShoppingCartInterface, 'addCourseToCart').and.callFake(function() {});
|
|
};
|
|
|
|
var assertForms = function(visibleType, hiddenType) {
|
|
expect($(visibleType)).not.toHaveClass('hidden');
|
|
expect($(hiddenType)).toHaveClass('hidden');
|
|
expect($('#password-reset-form')).toHaveClass('hidden');
|
|
};
|
|
|
|
var selectForm = function(type) {
|
|
// Create a fake change event to control form toggling
|
|
var changeEvent = $.Event('change');
|
|
changeEvent.currentTarget = $('.form-toggle[data-type="' + type + '"]');
|
|
|
|
// Load form corresponding to the change event
|
|
view.toggleForm(changeEvent);
|
|
};
|
|
|
|
beforeEach(function() {
|
|
spyOn(window.history, 'pushState');
|
|
setFixtures('<div id="login-and-registration-container" class="login-register" />');
|
|
TemplateHelpers.installTemplate('templates/student_account/access');
|
|
TemplateHelpers.installTemplate('templates/student_account/login');
|
|
TemplateHelpers.installTemplate('templates/student_account/register');
|
|
TemplateHelpers.installTemplate('templates/student_account/password_reset');
|
|
TemplateHelpers.installTemplate('templates/student_account/form_field');
|
|
TemplateHelpers.installTemplate('templates/student_account/institution_login');
|
|
TemplateHelpers.installTemplate('templates/student_account/institution_register');
|
|
|
|
// Stub analytics tracking
|
|
window.analytics = jasmine.createSpyObj('analytics', ['track', 'page', 'pageview', 'trackLink']);
|
|
});
|
|
|
|
afterEach(function() {
|
|
Backbone.history.stop();
|
|
});
|
|
|
|
it('can initially display the login form', function() {
|
|
ajaxSpyAndInitialize(this, 'login');
|
|
|
|
/* Verify that the login form is expanded, and that the
|
|
/* registration form is collapsed.
|
|
*/
|
|
assertForms('#login-form', '#register-form');
|
|
});
|
|
|
|
it('can initially display the registration form', function() {
|
|
ajaxSpyAndInitialize(this, 'register');
|
|
|
|
/* Verify that the registration form is expanded, and that the
|
|
/* login form is collapsed.
|
|
*/
|
|
assertForms('#register-form', '#login-form');
|
|
});
|
|
|
|
it('toggles between the login and registration forms', function() {
|
|
ajaxSpyAndInitialize(this, 'login');
|
|
|
|
// Simulate selection of the registration form
|
|
selectForm('register');
|
|
assertForms('#register-form', '#login-form');
|
|
|
|
// Simulate selection of the login form
|
|
selectForm('login');
|
|
assertForms('#login-form', '#register-form');
|
|
});
|
|
|
|
it('toggles between the login and institution login view', function() {
|
|
ajaxSpyAndInitialize(this, 'login');
|
|
|
|
// Simulate clicking on institution login button
|
|
$('#login-form .button-secondary-login[data-type="institution_login"]').click();
|
|
assertForms('#institution_login-form', '#login-form');
|
|
|
|
// Simulate selection of the login form
|
|
selectForm('login');
|
|
assertForms('#login-form', '#institution_login-form');
|
|
});
|
|
|
|
it('toggles between the register and institution register view', function() {
|
|
ajaxSpyAndInitialize(this, 'register');
|
|
|
|
// Simulate clicking on institution login button
|
|
$('#register-form .button-secondary-login[data-type="institution_login"]').click();
|
|
assertForms('#institution_login-form', '#register-form');
|
|
|
|
// Simulate selection of the login form
|
|
selectForm('register');
|
|
assertForms('#register-form', '#institution_login-form');
|
|
});
|
|
|
|
it('displays the reset password form', function() {
|
|
ajaxSpyAndInitialize(this, 'login');
|
|
|
|
// Simulate a click on the reset password link
|
|
view.resetPassword();
|
|
|
|
// Verify that the login-form is hidden
|
|
expect($('#login-form')).toHaveClass('hidden');
|
|
|
|
// Verify that the password reset form is not hidden
|
|
expect($('#password-reset-form')).not.toHaveClass('hidden');
|
|
});
|
|
|
|
it('redirects the user to the dashboard on auth complete', function() {
|
|
ajaxSpyAndInitialize(this, 'register');
|
|
|
|
// Trigger auth complete
|
|
view.subview.register.trigger('auth-complete');
|
|
|
|
// Since we did not provide a ?next query param, expect a redirect to the dashboard.
|
|
expect(view.redirect).toHaveBeenCalledWith('/dashboard');
|
|
});
|
|
|
|
it('proceeds with the third party auth pipeline if active', function() {
|
|
ajaxSpyAndInitialize(this, 'register', '/', THIRD_PARTY_COMPLETE_URL);
|
|
|
|
// Trigger auth complete
|
|
view.subview.register.trigger('auth-complete');
|
|
|
|
// Verify that we were redirected
|
|
expect(view.redirect).toHaveBeenCalledWith(THIRD_PARTY_COMPLETE_URL);
|
|
});
|
|
|
|
it('redirects the user to the next page on auth complete', function() {
|
|
// The 'next' argument is often used to redirect to the auto-enrollment view
|
|
ajaxSpyAndInitialize(this, 'register', FORWARD_URL);
|
|
|
|
// Trigger auth complete
|
|
view.subview.register.trigger('auth-complete');
|
|
|
|
// Verify that we were redirected
|
|
expect(view.redirect).toHaveBeenCalledWith(FORWARD_URL);
|
|
});
|
|
|
|
it('hides create an account section', function() {
|
|
ajaxSpyAndInitialize(this, 'login', '', '', false);
|
|
|
|
// Expect the Create an account section is hidden
|
|
expect((view.$el.find('.toggle-form')).length).toEqual(0);
|
|
});
|
|
|
|
it('shows create an account section', function() {
|
|
ajaxSpyAndInitialize(this, 'login', '', '', true);
|
|
|
|
// Expect the Create an account section is visible
|
|
expect((view.$el.find('.toggle-form')).length).toEqual(1);
|
|
});
|
|
});
|
|
});
|
|
}).call(this, define || RequireJS.define);
|