133 lines
5.7 KiB
JavaScript
133 lines
5.7 KiB
JavaScript
define(['jquery', 'js/models/xblock_validation', 'js/views/xblock_validation', 'js/common_helpers/template_helpers'],
|
|
function($, XBlockValidationModel, XBlockValidationView, TemplateHelpers) {
|
|
|
|
beforeEach(function () {
|
|
TemplateHelpers.installTemplate('xblock-validation-messages');
|
|
});
|
|
|
|
describe('XBlockValidationView helper methods', function() {
|
|
var model, view;
|
|
|
|
beforeEach(function () {
|
|
model = new XBlockValidationModel({parse: true});
|
|
view = new XBlockValidationView({model: model});
|
|
view.render();
|
|
});
|
|
|
|
it('has a getIcon method', function() {
|
|
var getIcon = view.getIcon.bind(view);
|
|
|
|
expect(getIcon(model.WARNING)).toBe('fa-exclamation-triangle');
|
|
expect(getIcon(model.NOT_CONFIGURED)).toBe('fa-exclamation-triangle');
|
|
expect(getIcon(model.ERROR)).toBe('fa-exclamation-circle');
|
|
expect(getIcon("unknown")).toBeNull();
|
|
});
|
|
|
|
it('has a getDisplayName method', function() {
|
|
var getDisplayName = view.getDisplayName.bind(view);
|
|
|
|
expect(getDisplayName(model.WARNING)).toBe("Warning");
|
|
expect(getDisplayName(model.NOT_CONFIGURED)).toBe("Warning");
|
|
expect(getDisplayName(model.ERROR)).toBe("Error");
|
|
expect(getDisplayName("unknown")).toBeNull();
|
|
});
|
|
|
|
it('can add additional classes', function() {
|
|
var noContainerContent = "no-container-content", notConfiguredModel, nonRootView, rootView;
|
|
|
|
expect(view.getAdditionalClasses()).toBe("");
|
|
expect(view.$('.validation')).not.toHaveClass(noContainerContent);
|
|
|
|
notConfiguredModel = new XBlockValidationModel({
|
|
"empty": false, "summary": {"text": "Not configured", "type": model.NOT_CONFIGURED},
|
|
"xblock_id": "id"
|
|
},
|
|
{parse: true}
|
|
);
|
|
nonRootView = new XBlockValidationView({model: notConfiguredModel});
|
|
nonRootView.render();
|
|
expect(nonRootView.getAdditionalClasses()).toBe("");
|
|
expect(view.$('.validation')).not.toHaveClass(noContainerContent);
|
|
|
|
rootView = new XBlockValidationView({model: notConfiguredModel, root: true});
|
|
rootView.render();
|
|
expect(rootView.getAdditionalClasses()).toBe(noContainerContent);
|
|
expect(rootView.$('.validation')).toHaveClass(noContainerContent);
|
|
});
|
|
|
|
});
|
|
|
|
describe('XBlockValidationView rendering', function() {
|
|
var model, view;
|
|
|
|
beforeEach(function () {
|
|
model = new XBlockValidationModel({
|
|
"empty": false,
|
|
"summary": {
|
|
"text": "Summary message", "type": "error",
|
|
"action_label": "Summary Action", "action_class": "edit-button"
|
|
},
|
|
"messages": [
|
|
{
|
|
"text": "First message", "type": "warning",
|
|
"action_label": "First Message Action", "action_runtime_event": "fix-up"
|
|
},
|
|
{"text": "Second message", "type": "error"}
|
|
],
|
|
"xblock_id": "id"
|
|
});
|
|
view = new XBlockValidationView({model: model});
|
|
view.render();
|
|
});
|
|
|
|
it('renders summary and detailed messages types', function() {
|
|
var details;
|
|
|
|
expect(view.$('.xblock-message')).toHaveClass("has-errors");
|
|
details = view.$('.xblock-message-item');
|
|
expect(details.length).toBe(2);
|
|
expect(details[0]).toHaveClass("warning");
|
|
expect(details[1]).toHaveClass("error");
|
|
});
|
|
|
|
it('renders summary and detailed messages text', function() {
|
|
var details;
|
|
|
|
expect(view.$('.xblock-message').text()).toContain("Summary message");
|
|
|
|
details = view.$('.xblock-message-item');
|
|
expect(details.length).toBe(2);
|
|
expect($(details[0]).text()).toContain("Warning");
|
|
expect($(details[0]).text()).toContain("First message");
|
|
expect($(details[1]).text()).toContain("Error");
|
|
expect($(details[1]).text()).toContain("Second message");
|
|
});
|
|
|
|
it('renders action info', function() {
|
|
expect(view.$('a.edit-button .action-button-text').text()).toContain("Summary Action");
|
|
|
|
expect(view.$('a.notification-action-button .action-button-text').text()).
|
|
toContain("First Message Action");
|
|
expect(view.$('a.notification-action-button').data("notification-action")).toBe("fix-up");
|
|
});
|
|
|
|
it('renders a summary only', function() {
|
|
var summaryOnlyModel = new XBlockValidationModel({
|
|
"empty": false,
|
|
"summary": {"text": "Summary message", "type": "warning"},
|
|
"xblock_id": "id"
|
|
}), summaryOnlyView, details;
|
|
|
|
summaryOnlyView = new XBlockValidationView({model: summaryOnlyModel});
|
|
summaryOnlyView.render();
|
|
|
|
expect(summaryOnlyView.$('.xblock-message')).toHaveClass("has-warnings");
|
|
expect(view.$('.xblock-message').text()).toContain("Summary message");
|
|
|
|
details = summaryOnlyView.$('.xblock-message-item');
|
|
expect(details.length).toBe(0);
|
|
});
|
|
});
|
|
}
|
|
);
|