edx-platform/cms/static/js/spec/views/xblock_validation_spec.js

define(['jquery', 'js/models/xblock_validation', 'js/views/xblock_validation', 'common/js/spec_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);
            });
        });
    }
);