/*global define,describe,it,expect,beforeEach,jasmine*/ define( ["../../src/directives/MCTBeforeUnload"], function (MCTBeforeUnload) { "use strict"; describe("The mct-before-unload directive", function () { var mockWindow, mockScope, testAttrs, mockEvent, directive; function fireListener(eventType, value) { mockScope.$on.calls.forEach(function (call) { if (call.args[0] === eventType) { call.args[1](value); } }); } beforeEach(function () { mockWindow = jasmine.createSpyObj("$window", ['confirm']); mockScope = jasmine.createSpyObj("$scope", ['$eval', '$on']); testAttrs = { mctBeforeUnload: "someExpression" }; mockEvent = jasmine.createSpyObj("event", ["preventDefault"]); directive = new MCTBeforeUnload(mockWindow); directive.link(mockScope, {}, testAttrs); }); it("can be used only as an attribute", function () { expect(directive.restrict).toEqual('A'); }); it("listens for beforeunload", function () { expect(mockWindow.onbeforeunload).toEqual(jasmine.any(Function)); }); it("listens for route changes", function () { expect(mockScope.$on).toHaveBeenCalledWith( "$locationChangeStart", jasmine.any(Function) ); }); it("listens for its scope's destroy event", function () { expect(mockScope.$on).toHaveBeenCalledWith( "$destroy", jasmine.any(Function) ); }); it("uses result of evaluated expression as a warning", function () { mockScope.$eval.andReturn(undefined); expect(mockWindow.onbeforeunload(mockEvent)).toBeUndefined(); mockScope.$eval.andReturn("some message"); expect(mockWindow.onbeforeunload(mockEvent)).toEqual("some message"); // Verify that the right expression was evaluated expect(mockScope.$eval).toHaveBeenCalledWith(testAttrs.mctBeforeUnload); }); it("confirms route changes", function () { // First, try with no unsaved changes; // should not confirm or preventDefault mockScope.$eval.andReturn(undefined); fireListener("$locationChangeStart", mockEvent); expect(mockWindow.confirm).not.toHaveBeenCalled(); expect(mockEvent.preventDefault).not.toHaveBeenCalled(); // Next, try with unsaved changes that the user confirms; // should prompt, but not preventDefault mockScope.$eval.andReturn("some message"); mockWindow.confirm.andReturn(true); fireListener("$locationChangeStart", mockEvent); expect(mockWindow.confirm).toHaveBeenCalledWith("some message"); expect(mockEvent.preventDefault).not.toHaveBeenCalled(); // Finally, act as if the user said no to this dialog; // this should preventDefault on the location change. mockWindow.confirm.andReturn(false); fireListener("$locationChangeStart", mockEvent); expect(mockWindow.confirm).toHaveBeenCalledWith("some message"); expect(mockEvent.preventDefault).toHaveBeenCalled(); }); it("cleans up listeners when destroyed", function () { fireListener("$destroy", mockEvent); expect(mockWindow.onbeforeunload).toBeUndefined(); }); }); } );