edx-platform/lms/static/js/spec/views/notification_spec.js

define(['backbone', 'jquery', 'js/models/notification', 'js/views/notification', 'common/js/spec_helpers/template_helpers'],
    function (Backbone, $, NotificationModel, NotificationView, TemplateHelpers) {
        describe("NotificationView", function () {
            var createNotification, verifyTitle, verifyMessage, verifyDetails, verifyAction, notificationView;

            createNotification = function (modelVals) {
                var notificationModel = new NotificationModel(modelVals);
                notificationView = new NotificationView({
                    model: notificationModel
                });
                notificationView.render();
                return notificationView;
            };

            verifyTitle = function (expectedTitle) {
                expect(notificationView.$('.message-title').text().trim()).toBe(expectedTitle);
            };

            verifyMessage = function (expectedMessage) {
                expect(notificationView.$('.message-copy').text().trim()).toBe(expectedMessage);
            };

            verifyDetails = function (expectedDetails) {
                var details = notificationView.$('.summary-item');
                expect(details.length).toBe(expectedDetails.length);
                details.each(function (index) {
                   expect($(this).text().trim()).toBe(expectedDetails[index]);
                });
            };

            verifyAction = function (expectedActionText) {
                var actionButton = notificationView.$('.action-primary');
                if (expectedActionText) {
                    expect(actionButton.text().trim()).toBe(expectedActionText);
                }
                else {
                    expect(actionButton.length).toBe(0);
                }
            };

            beforeEach(function () {
                setFixtures("<div></div>");
                TemplateHelpers.installTemplate('templates/instructor/instructor_dashboard_2/notification');
            });

            it('has default values', function () {
                createNotification({});
                expect(notificationView.$('div.message')).toHaveClass('message-confirmation');
                verifyTitle('');
                verifyDetails([]);
                verifyAction(null);
            });

            it('can use an error type', function () {
                createNotification({type: 'error'});
                expect(notificationView.$('div.message')).toHaveClass('message-error');
                expect(notificationView.$('div.message')).not.toHaveClass('message-confirmation');
            });

            it('can specify a title', function () {
                createNotification({title: 'notification title'});
                verifyTitle('notification title');
            });

            it('can specify a message', function () {
                createNotification({message: 'This is a dummy message'});
                verifyMessage('This is a dummy message');
            });

            it('can specify details', function () {
                var expectedDetails = ['detail 1', 'detail 2'];
                createNotification({details: expectedDetails});
                verifyDetails(expectedDetails);
            });

            it ('shows an action button if text and callback are provided', function () {
                createNotification({actionText: 'action text', actionCallback: function () {}});
                verifyAction('action text');
            });

            it ('shows an action button if only text is provided', function () {
                createNotification({actionText: 'action text'});
                verifyAction('action text');
            });

            it ('does not show an action button if text is not provided', function () {
                createNotification({actionCallback: function () {}});
                verifyAction(null);
            });

            it ('triggers the callback when the action button is clicked', function () {
                var actionCallback = jasmine.createSpy('Spy on callback');
                var view = createNotification({actionText: 'action text', actionCallback: actionCallback});
                notificationView.$('button.action-primary').click();
                expect(actionCallback).toHaveBeenCalledWith(view);
            });
        });
    });