[Common UI] Add specs for controllers

Add specs for controllers in the commonUI/general bundle.
WTD-574.
This commit is contained in:
Victor Woeltjen
2014-11-24 15:10:29 -08:00
parent b026e313be
commit 2b1fdc2204
8 changed files with 344 additions and 20 deletions

View File

@ -2,7 +2,7 @@
<span ng-controller="TreeNodeController as treeNode"> <span ng-controller="TreeNodeController as treeNode">
<span class="tree-item menus-to-left"> <span class="tree-item menus-to-left">
<span class='ui-symbol view-control' <span class='ui-symbol view-control'
ng-click="toggle.toggle(); treeNode.setNodeObject(domainObject)" ng-click="toggle.toggle(); treeNode.trackExpansion()"
ng-if="model.composition !== undefined"> ng-if="model.composition !== undefined">
{{toggle.isActive() ? "v" : ">"}} {{toggle.isActive() ? "v" : ">"}}
</span> </span>
@ -17,10 +17,9 @@
ng-show="toggle.isActive()" ng-show="toggle.isActive()"
ng-if="model.composition !== undefined"> ng-if="model.composition !== undefined">
ID: {{treeNode.getNodeObject().getId()}}?
<mct-representation key="'tree'" <mct-representation key="'tree'"
parameters="parameters" parameters="parameters"
mct-object="treeNode.getNodeObject()"> mct-object="treeNode.hasBeenExpanded() && domainObject">
</mct-representation> </mct-representation>
</span> </span>

View File

@ -28,10 +28,10 @@ define(
} }
} }
actions.forEach(assignToGroup); (actions || []).forEach(assignToGroup);
$scope.ungrouped = ungrouped; $scope.ungrouped = ungrouped;
$scope.groups = Object.keys(groups).map(function (k) { $scope.groups = Object.keys(groups).sort().map(function (k) {
return groups[k]; return groups[k];
}); });
} }

View File

@ -15,10 +15,11 @@ define(
function TreeNodeController($scope, navigationService) { function TreeNodeController($scope, navigationService) {
var navigatedObject = navigationService.getNavigation(), var navigatedObject = navigationService.getNavigation(),
isNavigated = false, isNavigated = false,
expandedObject; hasBeenExpanded = false;
function idsEqual(objA, objB) { function idsEqual(objA, objB) {
return objA && objB && (objA.getId() === objB.getId()); return (objA === objB) ||
(objA && objB && (objA.getId() === objB.getId()));
} }
function parentOf(domainObject) { function parentOf(domainObject) {
@ -35,8 +36,8 @@ define(
// index, ending at the end of the node path. // index, ending at the end of the node path.
function checkPath(nodePath, navPath, index) { function checkPath(nodePath, navPath, index) {
index = index || 0; index = index || 0;
return index > nodePath.length || return (index >= nodePath.length) ||
(navPath[index] === nodePath[index] && (idsEqual(navPath[index], nodePath[index]) &&
checkPath(nodePath, navPath, index + 1)); checkPath(nodePath, navPath, index + 1));
} }
@ -66,10 +67,9 @@ define(
// Expand if necessary // Expand if necessary
if (isOnNavigationPath(nodeObject, navigatedObject) && if (isOnNavigationPath(nodeObject, navigatedObject) &&
$scope.toggle !== undefined && $scope.toggle !== undefined) {
$scope.toggle.isActive()) { $scope.toggle.setState(true);
$scope.toggle.toggle(); hasBeenExpanded = true;
expandedObject = nodeObject;
} }
} }
@ -85,11 +85,11 @@ define(
$scope.$watch("domainObject", checkNavigation); $scope.$watch("domainObject", checkNavigation);
return { return {
setNodeObject: function (domainObject) { trackExpansion: function () {
expandedObject = domainObject; hasBeenExpanded = true;
}, },
getNodeObject: function () { hasBeenExpanded: function () {
return expandedObject; return hasBeenExpanded;
}, },
isNavigated: function () { isNavigated: function () {
return isNavigated; return isNavigated;

View File

@ -5,14 +5,64 @@ define(
function (ActionGroupController) { function (ActionGroupController) {
"use strict"; "use strict";
describe("The domain object provider", function () { describe("The action group controller", function () {
var mockScope, var mockScope,
mockActions,
controller; controller;
function mockAction(metadata, index) {
var action = jasmine.createSpyObj(
"action" + index,
["perform", "getMetadata"]
);
action.getMetadata.andReturn(metadata);
return action;
}
beforeEach(function () { beforeEach(function () {
mockActions = jasmine.createSpyObj("action", ["getActions"]);
mockScope = jasmine.createSpyObj("$scope", ["$watch"]); mockScope = jasmine.createSpyObj("$scope", ["$watch"]);
controller = new ActionGroupController(mockScope); controller = new ActionGroupController(mockScope);
}); });
it("watches scope that may change applicable actions", function () {
// The action capability
expect(mockScope.$watch).toHaveBeenCalledWith(
"action",
jasmine.any(Function)
);
// The category of action to load
expect(mockScope.$watch).toHaveBeenCalledWith(
"parameters.category",
jasmine.any(Function)
);
});
it("populates the scope with grouped and ungrouped actions", function () {
mockScope.action = mockActions;
mockScope.parameters = { category: "test" };
mockActions.getActions.andReturn([
{ group: "a", someKey: 0 },
{ group: "a", someKey: 1 },
{ group: "b", someKey: 2 },
{ group: "a", someKey: 3 },
{ group: "b", someKey: 4 },
{ someKey: 5 },
{ someKey: 6 },
{ group: "a", someKey: 7 },
{ someKey: 8 }
].map(mockAction));
// Call the watch
mockScope.$watch.mostRecentCall.args[1]();
// Should have grouped and ungrouped actions in scope now
expect(mockScope.groups.length).toEqual(2);
expect(mockScope.groups[0].length).toEqual(4); // a
expect(mockScope.groups[1].length).toEqual(2); // b
expect(mockScope.ungrouped.length).toEqual(3); // ungrouped
});
}); });
} }
); );

View File

@ -5,7 +5,69 @@ define(
function (ClickAwayController) { function (ClickAwayController) {
"use strict"; "use strict";
describe("The domain object provider", function () { describe("The click-away controller", function () {
var mockScope,
mockDocument,
controller;
beforeEach(function () {
mockScope = jasmine.createSpyObj(
"$scope",
[ "$apply" ]
);
mockDocument = jasmine.createSpyObj(
"$document",
[ "on", "off" ]
);
controller = new ClickAwayController(mockScope, mockDocument);
});
it("is initially inactive", function () {
expect(controller.isActive()).toBe(false);
});
it("does not listen to the document before being toggled", function () {
expect(mockDocument.on).not.toHaveBeenCalled();
});
it("tracks enabled/disabled state when toggled", function () {
controller.toggle();
expect(controller.isActive()).toBe(true);
controller.toggle();
expect(controller.isActive()).toBe(false);
controller.toggle();
expect(controller.isActive()).toBe(true);
controller.toggle();
expect(controller.isActive()).toBe(false);
});
it("allows active state to be explictly specified", function () {
controller.setState(true);
expect(controller.isActive()).toBe(true);
controller.setState(true);
expect(controller.isActive()).toBe(true);
controller.setState(false);
expect(controller.isActive()).toBe(false);
controller.setState(false);
expect(controller.isActive()).toBe(false);
});
it("registers a mouse listener when activated", function () {
controller.setState(true);
expect(mockDocument.on).toHaveBeenCalled();
});
it("deactivates and detaches listener on document click", function () {
var callback;
controller.setState(true);
callback = mockDocument.on.mostRecentCall.args[1];
callback();
expect(controller.isActive()).toEqual(false);
expect(mockDocument.off).toHaveBeenCalledWith("mouseup", callback);
});
}); });
} }
); );

View File

@ -5,7 +5,37 @@ define(
function (ContextMenuController) { function (ContextMenuController) {
"use strict"; "use strict";
describe("The domain object provider", function () { describe("The context menu controller", function () {
var mockScope,
mockActions,
controller;
beforeEach(function () {
mockActions = jasmine.createSpyObj("action", ["getActions"]);
mockScope = jasmine.createSpyObj("$scope", ["$watch"]);
controller = new ContextMenuController(mockScope);
});
it("watches scope that may change applicable actions", function () {
// The action capability
expect(mockScope.$watch).toHaveBeenCalledWith(
"action",
jasmine.any(Function)
);
});
it("populates the scope with grouped and ungrouped actions", function () {
mockScope.action = mockActions;
mockScope.parameters = { category: "test" };
mockActions.getActions.andReturn(["a", "b", "c"]);
// Call the watch
mockScope.$watch.mostRecentCall.args[1]();
// Should have grouped and ungrouped actions in scope now
expect(mockScope.menuActions.length).toEqual(3);
});
}); });
} }
); );

View File

@ -6,6 +6,38 @@ define(
"use strict"; "use strict";
describe("The toggle controller", function () { describe("The toggle controller", function () {
var controller;
beforeEach(function () {
controller = new ToggleController();
});
it("is initially inactive", function () {
expect(controller.isActive()).toBe(false);
});
it("tracks enabled/disabled state when toggled", function () {
controller.toggle();
expect(controller.isActive()).toBe(true);
controller.toggle();
expect(controller.isActive()).toBe(false);
controller.toggle();
expect(controller.isActive()).toBe(true);
controller.toggle();
expect(controller.isActive()).toBe(false);
});
it("allows active state to be explictly specified", function () {
controller.setState(true);
expect(controller.isActive()).toBe(true);
controller.setState(true);
expect(controller.isActive()).toBe(true);
controller.setState(false);
expect(controller.isActive()).toBe(false);
controller.setState(false);
expect(controller.isActive()).toBe(false);
});
}); });
} }
); );

View File

@ -6,6 +6,157 @@ define(
"use strict"; "use strict";
describe("The tree node controller", function () { describe("The tree node controller", function () {
var mockScope,
mockNavigationService,
controller;
function TestObject(id, context) {
return {
getId: function () { return id; },
getCapability: function (key) {
return key === 'context' ? context : undefined;
}
};
}
beforeEach(function () {
mockScope = jasmine.createSpyObj(
"$scope",
[ "$watch", "$on" ]
);
mockNavigationService = jasmine.createSpyObj(
"navigationService",
[
"getNavigation",
"setNavigation",
"addListener",
"removeListener"
]
);
controller = new TreeNodeController(
mockScope,
mockNavigationService
);
});
it("listens for navigation changes", function () {
expect(mockNavigationService.addListener)
.toHaveBeenCalledWith(jasmine.any(Function));
});
it("allows tracking of expansion state", function () {
// The tree node tracks whether or not it has ever
// been expanded in order to lazily load the expanded
// portion of the tree.
expect(controller.hasBeenExpanded()).toBeFalsy();
controller.trackExpansion();
expect(controller.hasBeenExpanded()).toBeTruthy();
controller.trackExpansion();
expect(controller.hasBeenExpanded()).toBeTruthy();
});
it("tracks whether or not the represented object is currently navigated-to", function () {
// This is needed to highlight the current selection
var mockContext = jasmine.createSpyObj(
"context",
[ "getParent", "getPath", "getRoot" ]
),
obj = new TestObject("test-object", mockContext);
mockContext.getPath.andReturn([obj]);
// Verify precondition
expect(controller.isNavigated()).toBeFalsy();
mockNavigationService.getNavigation.andReturn(obj);
mockScope.domainObject = obj;
mockNavigationService.addListener.mostRecentCall.args[0](obj);
expect(controller.isNavigated()).toBeTruthy();
});
it("expands a node if it is on the navigation path", function () {
var mockParentContext = jasmine.createSpyObj(
"parentContext",
[ "getParent", "getPath", "getRoot" ]
),
mockChildContext = jasmine.createSpyObj(
"childContext",
[ "getParent", "getPath", "getRoot" ]
),
parent = new TestObject("parent", mockParentContext),
child = new TestObject("child", mockChildContext);
mockChildContext.getParent.andReturn(parent);
mockChildContext.getPath.andReturn([parent, child]);
mockParentContext.getPath.andReturn([parent]);
// Set up such that we are on, but not at the end of, a path
mockNavigationService.getNavigation.andReturn(child);
mockScope.domainObject = parent;
mockScope.toggle = jasmine.createSpyObj("toggle", ["setState"]);
// Trigger update
mockNavigationService.addListener.mostRecentCall.args[0](child);
expect(mockScope.toggle.setState).toHaveBeenCalledWith(true);
expect(controller.hasBeenExpanded()).toBeTruthy();
expect(controller.isNavigated()).toBeFalsy();
});
it("does not expand a node if no context is available", function () {
var mockParentContext = jasmine.createSpyObj(
"parentContext",
[ "getParent", "getPath", "getRoot" ]
),
mockChildContext = jasmine.createSpyObj(
"childContext",
[ "getParent", "getPath", "getRoot" ]
),
parent = new TestObject("parent", mockParentContext),
child = new TestObject("child", undefined);
mockChildContext.getParent.andReturn(parent);
mockChildContext.getPath.andReturn([parent, child]);
mockParentContext.getPath.andReturn([parent]);
// Set up such that we are on, but not at the end of, a path
mockNavigationService.getNavigation.andReturn(child);
mockScope.domainObject = parent;
mockScope.toggle = jasmine.createSpyObj("toggle", ["setState"]);
// Trigger update
mockNavigationService.addListener.mostRecentCall.args[0](child);
expect(mockScope.toggle.setState).not.toHaveBeenCalled();
expect(controller.hasBeenExpanded()).toBeFalsy();
expect(controller.isNavigated()).toBeFalsy();
});
it("removes its navigation listener when the scope is destroyed", function () {
var navCallback =
mockNavigationService.addListener.mostRecentCall.args[0];
// Make sure the controller is listening in the first place
expect(mockScope.$on).toHaveBeenCalledWith(
"$destroy",
jasmine.any(Function)
);
// Verify precondition - no removeListener called
expect(mockNavigationService.removeListener)
.not.toHaveBeenCalled();
// Call that listener (act as if scope is being destroyed)
mockScope.$on.mostRecentCall.args[1]();
// Verify precondition - no removeListener called
expect(mockNavigationService.removeListener)
.toHaveBeenCalledWith(navCallback);
});
}); });
} }