2015-07-02 19:50:48 +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,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Module defining ContextMenuActionSpec. Created by shale on 07/02/2015.
|
|
|
|
*/
|
|
|
|
define(
|
|
|
|
["../../src/actions/ContextMenuAction", "../../src/gestures/GestureConstants"],
|
|
|
|
function (ContextMenuAction, GestureConstants) {
|
|
|
|
"use strict";
|
|
|
|
|
|
|
|
var JQLITE_FUNCTIONS = [ "on", "off", "find", "append", "remove" ],
|
|
|
|
DOMAIN_OBJECT_METHODS = [ "getId", "getModel", "getCapability", "hasCapability", "useCapability" ],
|
|
|
|
MENU_DIMENSIONS = GestureConstants.MCT_MENU_DIMENSIONS;
|
|
|
|
|
|
|
|
|
|
|
|
describe("The 'context menu' action", function () {
|
|
|
|
var mockCompile,
|
|
|
|
mockCompiledTemplate,
|
|
|
|
mockMenu,
|
|
|
|
mockDocument,
|
|
|
|
mockBody,
|
|
|
|
mockWindow,
|
|
|
|
mockRootScope,
|
2015-08-04 17:11:25 +00:00
|
|
|
mockAgentService,
|
2015-07-02 19:50:48 +00:00
|
|
|
mockScope,
|
|
|
|
mockElement,
|
|
|
|
mockDomainObject,
|
|
|
|
mockEvent,
|
2015-07-02 21:00:54 +00:00
|
|
|
mockActionContext,
|
2015-07-29 22:06:39 +00:00
|
|
|
mockNavigator,
|
|
|
|
mockStopPropagation,
|
2015-07-02 21:00:54 +00:00
|
|
|
action;
|
2015-07-02 19:50:48 +00:00
|
|
|
|
2015-08-04 23:48:41 +00:00
|
|
|
function fireEvent(evt, value) {
|
|
|
|
mockElement.on.calls.forEach(function (call) {
|
|
|
|
if (call.args[0] === evt) {
|
|
|
|
call.args[1](value);
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2015-07-02 19:50:48 +00:00
|
|
|
beforeEach(function () {
|
|
|
|
mockCompile = jasmine.createSpy("$compile");
|
|
|
|
mockCompiledTemplate = jasmine.createSpy("template");
|
|
|
|
mockMenu = jasmine.createSpyObj("menu", JQLITE_FUNCTIONS);
|
|
|
|
mockDocument = jasmine.createSpyObj("$document", JQLITE_FUNCTIONS);
|
|
|
|
mockBody = jasmine.createSpyObj("body", JQLITE_FUNCTIONS);
|
|
|
|
mockWindow = { innerWidth: MENU_DIMENSIONS[0] * 4, innerHeight: MENU_DIMENSIONS[1] * 4 };
|
|
|
|
mockRootScope = jasmine.createSpyObj("$rootScope", ["$new"]);
|
2015-08-04 17:11:25 +00:00
|
|
|
mockAgentService = jasmine.createSpyObj("agentService", ["isMobile"]);
|
2015-07-02 19:50:48 +00:00
|
|
|
mockScope = {};
|
|
|
|
mockElement = jasmine.createSpyObj("element", JQLITE_FUNCTIONS);
|
|
|
|
mockDomainObject = jasmine.createSpyObj("domainObject", DOMAIN_OBJECT_METHODS);
|
2015-07-29 22:06:39 +00:00
|
|
|
mockEvent = jasmine.createSpyObj("event", ["preventDefault", "stopPropagation"]);
|
2015-07-02 19:50:48 +00:00
|
|
|
mockEvent.pageX = 0;
|
|
|
|
mockEvent.pageY = 0;
|
|
|
|
|
|
|
|
mockCompile.andReturn(mockCompiledTemplate);
|
|
|
|
mockCompiledTemplate.andReturn(mockMenu);
|
|
|
|
mockDocument.find.andReturn(mockBody);
|
|
|
|
mockRootScope.$new.andReturn(mockScope);
|
2015-07-02 21:00:54 +00:00
|
|
|
|
|
|
|
mockActionContext = {key: 'menu', domainObject: mockDomainObject, event: mockEvent};
|
2015-07-29 22:06:39 +00:00
|
|
|
|
2015-07-02 21:00:54 +00:00
|
|
|
action = new ContextMenuAction(
|
2015-07-02 19:50:48 +00:00
|
|
|
mockCompile,
|
|
|
|
mockDocument,
|
|
|
|
mockWindow,
|
|
|
|
mockRootScope,
|
2015-08-04 17:11:25 +00:00
|
|
|
mockAgentService,
|
2015-07-02 21:00:54 +00:00
|
|
|
mockActionContext
|
2015-07-02 19:50:48 +00:00
|
|
|
);
|
|
|
|
});
|
|
|
|
|
2015-07-02 21:00:54 +00:00
|
|
|
it(" adds a menu to the DOM when perform is called", function () {
|
|
|
|
action.perform();
|
2015-07-02 19:50:48 +00:00
|
|
|
expect(mockBody.append).toHaveBeenCalledWith(mockMenu);
|
|
|
|
});
|
|
|
|
|
|
|
|
it("prevents the default context menu behavior", function () {
|
2015-07-02 21:00:54 +00:00
|
|
|
action.perform();
|
2015-07-02 19:50:48 +00:00
|
|
|
expect(mockEvent.preventDefault).toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("positions menus where clicked", function () {
|
|
|
|
mockEvent.pageX = 10;
|
|
|
|
mockEvent.pageY = 5;
|
2015-07-02 21:00:54 +00:00
|
|
|
action.perform();
|
2015-07-02 19:50:48 +00:00
|
|
|
expect(mockScope.menuStyle.left).toEqual("10px");
|
|
|
|
expect(mockScope.menuStyle.top).toEqual("5px");
|
|
|
|
expect(mockScope.menuStyle.right).toBeUndefined();
|
|
|
|
expect(mockScope.menuStyle.bottom).toBeUndefined();
|
|
|
|
expect(mockScope.menuClass['go-up']).toBeFalsy();
|
|
|
|
expect(mockScope.menuClass['go-left']).toBeFalsy();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("repositions menus near the screen edge", function () {
|
|
|
|
mockEvent.pageX = mockWindow.innerWidth - 10;
|
|
|
|
mockEvent.pageY = mockWindow.innerHeight - 5;
|
2015-07-02 21:00:54 +00:00
|
|
|
action.perform();
|
2015-07-02 19:50:48 +00:00
|
|
|
expect(mockScope.menuStyle.right).toEqual("10px");
|
|
|
|
expect(mockScope.menuStyle.bottom).toEqual("5px");
|
|
|
|
expect(mockScope.menuStyle.left).toBeUndefined();
|
|
|
|
expect(mockScope.menuStyle.top).toBeUndefined();
|
|
|
|
expect(mockScope.menuClass['go-up']).toBeTruthy();
|
|
|
|
expect(mockScope.menuClass['go-left']).toBeTruthy();
|
|
|
|
});
|
|
|
|
|
|
|
|
it("removes a menu when body is clicked", function () {
|
|
|
|
// Show the menu
|
2015-07-02 21:00:54 +00:00
|
|
|
action.perform();
|
|
|
|
|
2015-07-02 19:50:48 +00:00
|
|
|
// Verify precondition
|
|
|
|
expect(mockBody.off).not.toHaveBeenCalled();
|
|
|
|
|
2015-07-02 21:00:54 +00:00
|
|
|
// Find and fire body's mousedown listener
|
2015-07-02 19:50:48 +00:00
|
|
|
mockBody.on.calls.forEach(function (call) {
|
2015-07-02 21:00:54 +00:00
|
|
|
if (call.args[0] === 'mousedown') {
|
2015-07-02 19:50:48 +00:00
|
|
|
call.args[1]();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
// Menu should have been removed
|
|
|
|
expect(mockMenu.remove).toHaveBeenCalled();
|
|
|
|
|
|
|
|
// Listener should have been detached from body
|
|
|
|
expect(mockBody.off).toHaveBeenCalled();
|
|
|
|
});
|
2015-07-29 22:06:39 +00:00
|
|
|
|
|
|
|
it("keeps a menu when menu is clicked", function () {
|
|
|
|
// Show the menu
|
|
|
|
action.perform();
|
|
|
|
// Find and fire body's mousedown listener
|
2015-08-04 23:48:41 +00:00
|
|
|
mockMenu.on.calls.forEach(function (call) {
|
|
|
|
if (call.args[0] === 'mousedown') {
|
|
|
|
call.args[1](mockEvent);
|
|
|
|
}
|
|
|
|
});
|
2015-07-29 22:06:39 +00:00
|
|
|
|
|
|
|
// Menu should have been removed
|
|
|
|
expect(mockMenu.remove).not.toHaveBeenCalled();
|
|
|
|
|
|
|
|
// Listener should have been detached from body
|
|
|
|
expect(mockBody.off).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
2015-08-05 19:14:16 +00:00
|
|
|
it("keeps a menu when menu is clicked on mobile", function () {
|
2015-08-04 17:11:25 +00:00
|
|
|
mockAgentService.isMobile.andReturn(true);
|
2015-07-29 22:06:39 +00:00
|
|
|
action = new ContextMenuAction(
|
|
|
|
mockCompile,
|
|
|
|
mockDocument,
|
|
|
|
mockWindow,
|
|
|
|
mockRootScope,
|
2015-08-04 17:11:25 +00:00
|
|
|
mockAgentService,
|
2015-07-29 22:06:39 +00:00
|
|
|
mockActionContext
|
|
|
|
);
|
|
|
|
action.perform();
|
|
|
|
|
2015-08-04 23:48:41 +00:00
|
|
|
mockMenu.on.calls.forEach(function (call) {
|
|
|
|
if (call.args[0] === 'touchstart') {
|
|
|
|
call.args[1](mockEvent);
|
|
|
|
}
|
|
|
|
});
|
2015-07-29 22:06:39 +00:00
|
|
|
});
|
2015-07-02 19:50:48 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
);
|