2016-03-14 19:22:09 +00:00
|
|
|
/*****************************************************************************
|
|
|
|
* 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.
|
|
|
|
*****************************************************************************/
|
|
|
|
/*global define,describe,beforeEach,jasmine,it,expect*/
|
|
|
|
|
|
|
|
define([
|
2016-03-14 20:04:46 +00:00
|
|
|
'../../src/ui/TreeView',
|
|
|
|
'zepto'
|
|
|
|
], function (TreeView, $) {
|
2016-03-14 19:22:09 +00:00
|
|
|
'use strict';
|
|
|
|
|
|
|
|
describe("TreeView", function () {
|
|
|
|
var mockGestureService,
|
|
|
|
mockGestureHandle,
|
2016-03-14 19:52:33 +00:00
|
|
|
mockDomainObject,
|
|
|
|
mockMutation,
|
|
|
|
mockUnlisten,
|
|
|
|
testCapabilities,
|
2016-03-14 19:22:09 +00:00
|
|
|
treeView;
|
|
|
|
|
2016-03-14 21:14:34 +00:00
|
|
|
function makeMockDomainObject(id, model, capabilities) {
|
|
|
|
var mockDomainObject = jasmine.createSpyObj(
|
|
|
|
'domainObject-' + id,
|
|
|
|
[
|
|
|
|
'getId',
|
|
|
|
'getModel',
|
|
|
|
'getCapability',
|
|
|
|
'hasCapability',
|
|
|
|
'useCapability'
|
|
|
|
]
|
|
|
|
);
|
|
|
|
mockDomainObject.getId.andReturn(id);
|
|
|
|
mockDomainObject.getModel.andReturn(model);
|
|
|
|
mockDomainObject.hasCapability.andCallFake(function (c) {
|
|
|
|
return !!(capabilities[c]);
|
|
|
|
});
|
|
|
|
mockDomainObject.getCapability.andCallFake(function (c) {
|
|
|
|
return capabilities[c];
|
|
|
|
});
|
|
|
|
mockDomainObject.useCapability.andCallFake(function (c) {
|
|
|
|
return capabilities[c] && capabilities[c].invoke();
|
|
|
|
});
|
|
|
|
return mockDomainObject;
|
|
|
|
}
|
|
|
|
|
2016-03-14 19:22:09 +00:00
|
|
|
beforeEach(function () {
|
|
|
|
mockGestureService = jasmine.createSpyObj(
|
|
|
|
'gestureService',
|
|
|
|
[ 'attachGestures' ]
|
|
|
|
);
|
|
|
|
|
|
|
|
mockGestureHandle = jasmine.createSpyObj('gestures', ['destroy']);
|
|
|
|
|
|
|
|
mockGestureService.attachGestures.andReturn(mockGestureHandle);
|
|
|
|
|
2016-03-14 19:52:33 +00:00
|
|
|
mockMutation = jasmine.createSpyObj('mutation', ['listen']);
|
|
|
|
mockUnlisten = jasmine.createSpy('unlisten');
|
|
|
|
mockMutation.listen.andReturn(mockUnlisten);
|
|
|
|
|
|
|
|
testCapabilities = { mutation: mockMutation };
|
|
|
|
|
2016-03-14 21:14:34 +00:00
|
|
|
mockDomainObject =
|
|
|
|
makeMockDomainObject('parent', {}, testCapabilities);
|
2016-03-14 19:52:33 +00:00
|
|
|
|
|
|
|
treeView = new TreeView(mockGestureService);
|
2016-03-14 19:22:09 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
describe("elements", function () {
|
|
|
|
var elements;
|
|
|
|
|
|
|
|
beforeEach(function () {
|
|
|
|
elements = treeView.elements();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("is an unordered list", function () {
|
|
|
|
expect(elements[0].tagName.toLowerCase())
|
|
|
|
.toEqual('ul');
|
|
|
|
});
|
|
|
|
});
|
2016-03-14 19:52:33 +00:00
|
|
|
|
|
|
|
describe("model", function () {
|
|
|
|
var mockComposition;
|
|
|
|
|
2016-03-14 21:40:46 +00:00
|
|
|
function makeGenericCapabilities() {
|
|
|
|
var mockContext =
|
|
|
|
jasmine.createSpyObj('context', [ 'getPath' ]),
|
|
|
|
mockType =
|
|
|
|
jasmine.createSpyObj('type', [ 'getGlyph' ]),
|
|
|
|
mockLocation =
|
|
|
|
jasmine.createSpyObj('location', [ 'isLink' ]),
|
|
|
|
mockMutation =
|
|
|
|
jasmine.createSpyObj('mutation', [ 'listen' ]);
|
|
|
|
return {
|
|
|
|
context: mockContext,
|
|
|
|
type: mockType,
|
|
|
|
mutation: mockMutation,
|
|
|
|
location: mockLocation
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2016-03-14 19:52:33 +00:00
|
|
|
function waitForCompositionCallback() {
|
2016-03-14 21:40:46 +00:00
|
|
|
var calledBack = false;
|
2016-03-14 21:14:34 +00:00
|
|
|
testCapabilities.composition.invoke().then(function (c) {
|
2016-03-14 19:52:33 +00:00
|
|
|
calledBack = true;
|
|
|
|
});
|
|
|
|
waitsFor(function () {
|
|
|
|
return calledBack;
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
beforeEach(function () {
|
|
|
|
mockComposition = ['a', 'b', 'c'].map(function (id) {
|
2016-03-14 21:40:46 +00:00
|
|
|
var testCapabilities = makeGenericCapabilities(),
|
|
|
|
mockChild =
|
|
|
|
makeMockDomainObject(id, {}, testCapabilities);
|
2016-03-14 21:14:34 +00:00
|
|
|
|
2016-03-14 21:40:46 +00:00
|
|
|
testCapabilities.context.getPath
|
2016-03-14 20:04:46 +00:00
|
|
|
.andReturn([mockDomainObject, mockChild]);
|
2016-03-14 21:14:34 +00:00
|
|
|
|
2016-03-14 20:04:46 +00:00
|
|
|
return mockChild;
|
2016-03-14 19:52:33 +00:00
|
|
|
});
|
|
|
|
|
2016-03-14 21:14:34 +00:00
|
|
|
testCapabilities.composition =
|
|
|
|
jasmine.createSpyObj('composition', ['invoke']);
|
2016-03-14 19:52:33 +00:00
|
|
|
testCapabilities.composition.invoke
|
|
|
|
.andReturn(Promise.resolve(mockComposition));
|
|
|
|
|
|
|
|
treeView.model(mockDomainObject);
|
|
|
|
waitForCompositionCallback();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("adds one node per composition element", function () {
|
|
|
|
expect(treeView.elements()[0].childElementCount)
|
|
|
|
.toEqual(mockComposition.length);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("listens for mutation", function () {
|
|
|
|
expect(testCapabilities.mutation.listen)
|
|
|
|
.toHaveBeenCalledWith(jasmine.any(Function));
|
|
|
|
});
|
|
|
|
|
|
|
|
describe("when mutation occurs", function () {
|
|
|
|
beforeEach(function () {
|
|
|
|
mockComposition.pop();
|
|
|
|
testCapabilities.mutation.listen
|
|
|
|
.mostRecentCall.args[0](mockDomainObject);
|
|
|
|
waitForCompositionCallback();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("continues to show one node per composition element", function () {
|
|
|
|
expect(treeView.elements()[0].childElementCount)
|
|
|
|
.toEqual(mockComposition.length);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe("when replaced with a non-compositional domain object", function () {
|
|
|
|
beforeEach(function () {
|
|
|
|
delete testCapabilities.composition;
|
|
|
|
treeView.model(mockDomainObject);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("stops listening for mutation", function () {
|
|
|
|
expect(mockUnlisten).toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("removes all tree nodes", function () {
|
|
|
|
expect(treeView.elements()[0].childElementCount)
|
|
|
|
.toEqual(0);
|
|
|
|
});
|
|
|
|
});
|
2016-03-14 20:04:46 +00:00
|
|
|
|
|
|
|
describe("when selection state changes", function () {
|
|
|
|
var selectionIndex = 1;
|
|
|
|
|
|
|
|
beforeEach(function () {
|
|
|
|
treeView.value(mockComposition[selectionIndex]);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("communicates selection state to an appropriate node", function () {
|
|
|
|
var selected = $(treeView.elements()[0]).find('.selected');
|
|
|
|
expect(selected.length).toEqual(1);
|
|
|
|
});
|
|
|
|
});
|
2016-03-14 21:40:46 +00:00
|
|
|
|
|
|
|
describe("when children contain children", function () {
|
|
|
|
beforeEach(function () {
|
|
|
|
var newCapabilities = makeGenericCapabilities(),
|
|
|
|
gcCapabilities = makeGenericCapabilities(),
|
|
|
|
mockNewChild =
|
|
|
|
makeMockDomainObject('d', {}, newCapabilities),
|
|
|
|
mockGrandchild =
|
|
|
|
makeMockDomainObject('gc', {}, gcCapabilities),
|
|
|
|
calledBackInner = false;
|
|
|
|
|
|
|
|
newCapabilities.composition =
|
|
|
|
jasmine.createSpyObj('composition', [ 'invoke' ]);
|
|
|
|
newCapabilities.composition.invoke
|
|
|
|
.andReturn(Promise.resolve([mockGrandchild]));
|
|
|
|
mockComposition.push(mockNewChild);
|
|
|
|
|
|
|
|
newCapabilities.context.getPath.andReturn([
|
|
|
|
mockDomainObject,
|
|
|
|
mockNewChild
|
|
|
|
]);
|
|
|
|
gcCapabilities.context.getPath.andReturn([
|
|
|
|
mockDomainObject,
|
|
|
|
mockNewChild,
|
|
|
|
mockGrandchild
|
|
|
|
]);
|
|
|
|
|
|
|
|
testCapabilities.mutation.listen
|
|
|
|
.mostRecentCall.args[0](mockDomainObject);
|
|
|
|
waitForCompositionCallback();
|
|
|
|
runs(function () {
|
|
|
|
// Select the innermost object to force expansion,
|
|
|
|
// such that we can verify the subtree is present.
|
|
|
|
treeView.value(mockGrandchild);
|
|
|
|
newCapabilities.composition.invoke().then(function () {
|
|
|
|
calledBackInner = true;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
waitsFor(function () {
|
|
|
|
return calledBackInner;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it("creates inner trees", function () {
|
|
|
|
expect($(treeView.elements()[0]).find('ul').length)
|
|
|
|
.toEqual(1);
|
|
|
|
});
|
|
|
|
});
|
2016-03-14 19:52:33 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
describe("observe", function () {
|
|
|
|
var mockCallback,
|
|
|
|
unobserve;
|
|
|
|
|
|
|
|
beforeEach(function () {
|
|
|
|
mockCallback = jasmine.createSpy('callback');
|
|
|
|
unobserve = treeView.observe(mockCallback);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("notifies listeners when value is changed", function () {
|
|
|
|
treeView.value(mockDomainObject);
|
|
|
|
expect(mockCallback).toHaveBeenCalledWith(mockDomainObject);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("does not notify listeners when deactivated", function () {
|
|
|
|
unobserve();
|
|
|
|
treeView.value(mockDomainObject);
|
|
|
|
expect(mockCallback).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
});
|
2016-03-14 19:22:09 +00:00
|
|
|
});
|
|
|
|
|
|
|
|
});
|