227 lines
11 KiB
JavaScript
227 lines
11 KiB
JavaScript
define(['common/js/spec_helpers/ajax_helpers', 'js/ccx/schedule'],
|
|
function(AjaxHelpers) {
|
|
describe("edx.ccx.schedule.ScheduleView", function() {
|
|
var view = null;
|
|
|
|
beforeEach(function() {
|
|
loadFixtures("js/fixtures/ccx/schedule.html");
|
|
|
|
var scheduleFixture = readFixtures("templates/ccx/schedule.underscore");
|
|
appendSetFixtures("<div id=\"schedule_template\">" + scheduleFixture + "</div>");
|
|
schedule_template = _.template($('#schedule_template').html());
|
|
save_url = 'save_ccx';
|
|
|
|
$.fn.leanModal = function(param) {
|
|
return true;
|
|
}
|
|
|
|
data = [{
|
|
"category": "chapter",
|
|
"display_name": "Introduction",
|
|
"due": null,
|
|
"start": null,
|
|
"location": "i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b",
|
|
"hidden": true,
|
|
"children": [
|
|
{
|
|
"category": "sequential",
|
|
"display_name": "Demo Course Overview",
|
|
"due": null,
|
|
"start": null,
|
|
"location": "i4x://edX/DemoX/sequential/edx_introduction",
|
|
"hidden": true,
|
|
"children": [
|
|
{
|
|
"category": "vertical",
|
|
"display_name": "Introduction: Video and Sequences",
|
|
"due": null,
|
|
"start": null,
|
|
"location": "i4x://edX/DemoX/vertical/vertical_0270f6de40fc",
|
|
"hidden": true
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}];
|
|
view = new edx.ccx.schedule.ScheduleView({el: $('#new-ccx-schedule')});
|
|
view.schedule_collection.set(data)
|
|
view.render();
|
|
|
|
|
|
});
|
|
|
|
it("verifies correct view setup", function() {
|
|
expect(view.dirty).toBe(false);
|
|
expect(view.showing).toEqual([]);
|
|
expect(view.hidden).toEqual(data);
|
|
expect(view.schedule).toEqual(data);
|
|
});
|
|
|
|
it("finds a unit", function() {
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
expect(unit).toEqual(data[0]);
|
|
});
|
|
|
|
it("hides a unit", function() {
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
unit.hidden = false;
|
|
view.hide(unit);
|
|
expect(unit.hidden).toBe(true);
|
|
});
|
|
|
|
it("shows a unit", function() {
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
view.show(unit);
|
|
expect(unit.hidden).toBe(false);
|
|
});
|
|
|
|
it("applies function to schedule nodes", function() {
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
expect(unit.hidden).toBe(true);
|
|
view.schedule_apply(view.schedule, view.show)
|
|
expect(unit.hidden).toBe(false);
|
|
});
|
|
|
|
it("adds all units to schedule", function() {
|
|
expect(view.showing).toEqual([]);
|
|
expect(view.hidden.length).toEqual(1);
|
|
$('#add-all').click();
|
|
expect(view.showing.length).toEqual(1);
|
|
expect(view.hidden).toEqual([]);
|
|
});
|
|
|
|
it("selects a chapter and adds units to dropdown", function() {
|
|
expect(view.sequential_select.children('option').length).toEqual(0);
|
|
view.chapter_select.change();
|
|
expect(view.sequential_select.prop('disabled')).toEqual(true);
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
expect(view.chapter_select.val()).toEqual(val);
|
|
expect(view.sequential_select.prop('disabled')).toEqual(false);
|
|
expect(view.sequential_select.children('option').length).toEqual(2);
|
|
});
|
|
|
|
it("selects a unit and adds sections to dropdown", function() {
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
expect(view.vertical_select.children('option').length).toEqual(0);
|
|
view.sequential_select.change();
|
|
expect(view.vertical_select.prop('disabled')).toEqual(true);
|
|
val = "i4x://edX/DemoX/sequential/edx_introduction";
|
|
view.sequential_select.val(val);
|
|
view.sequential_select.change();
|
|
expect(view.sequential_select.val()).toEqual(val);
|
|
expect(view.vertical_select.prop('disabled')).toEqual(false);
|
|
expect(view.vertical_select.children('option').length).toEqual(2);
|
|
});
|
|
|
|
it("selects a section", function() {
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
val = "i4x://edX/DemoX/sequential/edx_introduction";
|
|
view.sequential_select.val(val);
|
|
view.sequential_select.change();
|
|
val = "i4x://edX/DemoX/vertical/vertical_0270f6de40fc";
|
|
view.vertical_select.val(val);
|
|
view.vertical_select.change();
|
|
expect(view.vertical_select.val()).toEqual(val);
|
|
});
|
|
|
|
it("adds a unit", function() {
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
val = "i4x://edX/DemoX/sequential/edx_introduction";
|
|
view.sequential_select.val(val);
|
|
view.sequential_select.change();
|
|
val = "i4x://edX/DemoX/vertical/vertical_0270f6de40fc",
|
|
view.vertical_select.val(val);
|
|
view.vertical_select.change();
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
view.set_datetime('start', '2015-12-12 10:00');
|
|
view.set_datetime('due', '2015-12-12 10:30');
|
|
expect(unit.hidden).toBe(true);
|
|
$('#add-unit-button').click();
|
|
expect(unit.hidden).toBe(false);
|
|
});
|
|
|
|
it("add unit when start date is greater the due date", function() {
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
val = "i4x://edX/DemoX/sequential/edx_introduction";
|
|
view.sequential_select.val(val);
|
|
view.sequential_select.change();
|
|
val = "i4x://edX/DemoX/vertical/vertical_0270f6de40fc";
|
|
view.vertical_select.val(val);
|
|
view.vertical_select.change();
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
// start date is before due date
|
|
view.set_datetime('start', '2015-11-13 10:45');
|
|
view.set_datetime('due', '2015-11-12 10:00');
|
|
expect(unit.hidden).toBe(true);
|
|
$('#add-unit-button').click();
|
|
// Assert unit is not added to schedule
|
|
expect(unit.hidden).toBe(true);
|
|
});
|
|
|
|
it("add unit when start date is missing", function() {
|
|
var val = 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b';
|
|
view.chapter_select.val(val);
|
|
view.chapter_select.change();
|
|
val = "i4x://edX/DemoX/sequential/edx_introduction";
|
|
view.sequential_select.val(val);
|
|
view.sequential_select.change();
|
|
val = "i4x://edX/DemoX/vertical/vertical_0270f6de40fc";
|
|
view.vertical_select.val(val);
|
|
view.vertical_select.change();
|
|
var unit = view.find_unit(view.schedule, 'i4x://edX/DemoX/chapter/d8a6192ade314473a78242dfeedfbf5b');
|
|
// start date is missing
|
|
view.set_datetime('start', null);
|
|
view.set_datetime('due', '2015-12-12 10:00');
|
|
expect(unit.hidden).toBe(true);
|
|
$('#add-unit-button').click();
|
|
// Assert unit is not added to schedule
|
|
expect(unit.hidden).toBe(true);
|
|
});
|
|
|
|
it("gets a datetime string from date and time fields", function() {
|
|
view.set_datetime('start', '2015-12-12 10:45');
|
|
expect($('form#add-unit input[name=start_date]')).toHaveValue('2015-12-12');
|
|
expect($('form#add-unit input[name=start_time]')).toHaveValue('10:45');
|
|
});
|
|
|
|
it("sets date and time fields from datetime string", function() {
|
|
$('form#add-unit input[name=start_date]').val('2015-12-12');
|
|
$('form#add-unit input[name=start_time]').val('10:45');
|
|
var datetime = view.get_datetime('start');
|
|
expect(datetime).toBe('2015-12-12 10:45');
|
|
});
|
|
|
|
it("saves schedule changes", function() {
|
|
requests = AjaxHelpers["requests"](this)
|
|
view.save();
|
|
expect(requests.length).toEqual(1)
|
|
AjaxHelpers.expectJsonRequest(requests, 'POST', 'save_ccx', view.schedule);
|
|
expect($('#dirty-schedule #save-changes').text()).toEqual("Saving");
|
|
AjaxHelpers.respondWithJson(requests, {
|
|
data: view.schedule
|
|
});
|
|
expect($('#dirty-schedule #save-changes').text()).toEqual("Save changes");
|
|
expect($('#ajax-error')).toHaveCss({display: 'none'});
|
|
});
|
|
|
|
it("displays an error if the sync fails", function() {
|
|
requests = AjaxHelpers["requests"](this)
|
|
view.save();
|
|
requests[0].respond(500);
|
|
expect($('#ajax-error')).toHaveCss({display: 'block'});
|
|
});
|
|
|
|
});
|
|
}
|
|
);
|