/***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space * Administration. All rights reserved. * * Open MCT Web is licensed under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance with the License. * You may obtain a copy of the License at * http://www.apache.org/licenses/LICENSE-2.0. * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations * under the License. * * Open MCT Web includes source code licensed under additional open source * licenses. See the Open Source Licenses file (LICENSES.md) included with * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ define( ["../src/LayoutController"], function (LayoutController) { describe("The Layout controller", function () { var mockScope, mockEvent, testModel, testConfiguration, controller, mockCompositionCapability, mockComposition, mockCompositionObjects; function mockPromise(value){ return { then: function (thenFunc) { return mockPromise(thenFunc(value)); } }; } function mockDomainObject(id){ return { getId: function() { return id; }, useCapability: function() { return mockCompositionCapability; } }; } beforeEach(function () { mockScope = jasmine.createSpyObj( "$scope", [ "$watch", "$watchCollection", "$on", "commit" ] ); mockEvent = jasmine.createSpyObj( 'event', [ 'preventDefault' ] ); testModel = {}; mockComposition = ["a", "b", "c"]; mockCompositionObjects = mockComposition.map(mockDomainObject); testConfiguration = { panels: { a: { position: [20, 10], dimensions: [5, 5] } } }; mockCompositionCapability = mockPromise(mockCompositionObjects); mockScope.domainObject = mockDomainObject("mockDomainObject"); mockScope.model = testModel; mockScope.configuration = testConfiguration; spyOn(mockScope.domainObject, "useCapability").andCallThrough(); controller = new LayoutController(mockScope); spyOn(controller, "layoutPanels").andCallThrough(); }); // Model changes will indicate that panel positions // may have changed, for instance. it("watches for changes to composition", function () { expect(mockScope.$watchCollection).toHaveBeenCalledWith( "model.composition", jasmine.any(Function) ); }); it("Retrieves updated composition from composition capability", function () { mockScope.$watchCollection.mostRecentCall.args[1](); expect(mockScope.domainObject.useCapability).toHaveBeenCalledWith( "composition" ); expect(controller.layoutPanels).toHaveBeenCalledWith( mockComposition ); }); it("Is robust to concurrent changes to composition", function () { var secondMockComposition = ["a", "b", "c", "d"], secondMockCompositionObjects = secondMockComposition.map(mockDomainObject), firstCompositionCB, secondCompositionCB; spyOn(mockCompositionCapability, "then"); mockScope.$watchCollection.mostRecentCall.args[1](); mockScope.$watchCollection.mostRecentCall.args[1](); firstCompositionCB = mockCompositionCapability.then.calls[0].args[0]; secondCompositionCB = mockCompositionCapability.then.calls[1].args[0]; //Resolve promises in reverse order secondCompositionCB(secondMockCompositionObjects); firstCompositionCB(mockCompositionObjects); //Expect the promise call that was initiated most recently to // be the one used to populate scope, irrespective of order that // it was eventually resolved expect(mockScope.composition).toBe(secondMockCompositionObjects); }); it("provides styles for frames, from configuration", function () { mockScope.$watchCollection.mostRecentCall.args[1](); expect(controller.getFrameStyle("a")).toEqual({ top: "320px", left: "640px", width: "160px", height: "160px" }); }); it("provides default styles for frames", function () { var styleB, styleC; // b and c do not have configured positions mockScope.$watchCollection.mostRecentCall.args[1](); styleB = controller.getFrameStyle("b"); styleC = controller.getFrameStyle("c"); // Should have a position, but we don't care what expect(styleB.left).toBeDefined(); expect(styleB.top).toBeDefined(); expect(styleC.left).toBeDefined(); expect(styleC.top).toBeDefined(); // Should have ensured some difference in position expect(styleB).not.toEqual(styleC); }); it("allows panels to be dragged", function () { // Populate scope mockScope.$watchCollection.mostRecentCall.args[1](); // Verify precondtion expect(testConfiguration.panels.b).not.toBeDefined(); // Do a drag controller.startDrag("b", [1, 1], [0, 0]); controller.continueDrag([100, 100]); controller.endDrag(); // We do not look closely at the details here; // that is tested in LayoutDragSpec. Just make sure // that a configuration for b has been defined. expect(testConfiguration.panels.b).toBeDefined(); }); it("invokes commit after drag", function () { // Populate scope mockScope.$watchCollection.mostRecentCall.args[1](); // Do a drag controller.startDrag("b", [1, 1], [0, 0]); controller.continueDrag([100, 100]); controller.endDrag(); // Should have triggered commit (provided by // EditRepresenter) with some message. expect(mockScope.commit) .toHaveBeenCalledWith(jasmine.any(String)); }); it("listens for drop events", function () { // Layout should position panels according to // where the user dropped them, so it needs to // listen for drop events. expect(mockScope.$on).toHaveBeenCalledWith( 'mctDrop', jasmine.any(Function) ); // Verify precondition expect(testConfiguration.panels.d).not.toBeDefined(); // Notify that a drop occurred mockScope.$on.mostRecentCall.args[1]( mockEvent, 'd', { x: 300, y: 100 } ); expect(testConfiguration.panels.d).toBeDefined(); expect(mockEvent.preventDefault).toHaveBeenCalled(); // Should have triggered commit (provided by // EditRepresenter) with some message. expect(mockScope.commit) .toHaveBeenCalledWith(jasmine.any(String)); }); it("ignores drops when default has been prevented", function () { // Avoids redundant drop-handling, WTD-1233 mockEvent.defaultPrevented = true; // Notify that a drop occurred mockScope.$on.mostRecentCall.args[1]( mockEvent, 'd', { x: 300, y: 100 } ); expect(testConfiguration.panels.d).not.toBeDefined(); }); it("ensures a minimum frame size", function () { var styleB; // Start with a very small frame size testModel.layoutGrid = [ 1, 1 ]; // White-boxy; we know which watch is which mockScope.$watch.calls[0].args[1](testModel.layoutGrid); mockScope.$watchCollection.calls[0].args[1](testModel.composition); styleB = controller.getFrameStyle("b"); // Resulting size should still be reasonably large pixel-size expect(parseInt(styleB.width, 10)).toBeGreaterThan(63); expect(parseInt(styleB.width, 10)).toBeGreaterThan(31); }); it("ensures a minimum frame size on drop", function () { var style; // Start with a very small frame size testModel.layoutGrid = [ 1, 1 ]; mockScope.$watch.calls[0].args[1](testModel.layoutGrid); // Notify that a drop occurred mockScope.$on.mostRecentCall.args[1]( mockEvent, 'd', { x: 300, y: 100 } ); mockScope.$watch.calls[0].args[1](['d']); style = controller.getFrameStyle("d"); // Resulting size should still be reasonably large pixel-size expect(parseInt(style.width, 10)).toBeGreaterThan(63); expect(parseInt(style.height, 10)).toBeGreaterThan(31); }); it("updates positions of existing objects on a drop", function () { var oldStyle; mockScope.$watchCollection.mostRecentCall.args[1](); oldStyle = controller.getFrameStyle("b"); expect(oldStyle).toBeDefined(); // ...drop event... mockScope.$on.mostRecentCall .args[1](mockEvent, 'b', { x: 300, y: 100 }); expect(controller.getFrameStyle("b")) .not.toEqual(oldStyle); }); }); } );