mirror of
https://github.com/nasa/openmct.git
synced 2024-12-23 06:52:24 +00:00
1419c75503
* Inline edit object name. Change the title-label span to a conteneditable span to allow editing object names inline. Implement a controller to handle updaing the name. Add tests. Fixes #1679 [Front-end] Add span contenteditable to input styling [Front-end] Styling for contenteditable span styling for span[contenteditable].s-status-editing in _controls.scss; removed s-filter class; [Front-end] min-width added to .s-inline-edit * [Frontend] Style tweaks, cleanup and simplification Fixes #1679 Style sanding on .s-inline-edit; added :focus outline:0 to select in _controls.scss; New .s-input-inline class; removed ng-class from object-header.html, uses :focus instead; refactoring of input-related mixins; Bring Time Conductor real-time inputs into parity Apply .s-input-inline to TC inputs; finesse .s-input-inline selector; Prevent nested inline inputs from editing Fixed nested editing prevention selector * Create an object header template for objects inside a frame. Fix code review requests. Fixes 1679
121 lines
4.7 KiB
JavaScript
121 lines
4.7 KiB
JavaScript
/*****************************************************************************
|
|
* Open MCT, Copyright (c) 2014-2017, United States Government
|
|
* as represented by the Administrator of the National Aeronautics and Space
|
|
* Administration. All rights reserved.
|
|
*
|
|
* Open MCT 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 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/ObjectHeaderController"],
|
|
function (ObjectHeaderController) {
|
|
|
|
describe("The object header controller", function () {
|
|
var mockScope,
|
|
mockDomainObject,
|
|
mockCapabilities,
|
|
mockMutationCapability,
|
|
mockTypeCapability,
|
|
mockEvent,
|
|
mockCurrentTarget,
|
|
controller;
|
|
|
|
beforeEach(function () {
|
|
mockMutationCapability = jasmine.createSpyObj("mutation", ["mutate"]);
|
|
mockTypeCapability = {
|
|
typeDef: {
|
|
name: ""
|
|
}
|
|
};
|
|
mockCapabilities = {
|
|
mutation: mockMutationCapability,
|
|
type: mockTypeCapability
|
|
};
|
|
|
|
mockDomainObject = jasmine.createSpyObj("domainObject", ["getCapability", "model"]);
|
|
mockDomainObject.model = {name: "Test name"};
|
|
mockDomainObject.getCapability.andCallFake(function (key) {
|
|
return mockCapabilities[key];
|
|
});
|
|
|
|
mockScope = {
|
|
domainObject: mockDomainObject
|
|
};
|
|
|
|
mockCurrentTarget = jasmine.createSpyObj("currentTarget", ["blur", "innerHTML"]);
|
|
mockCurrentTarget.blur.andReturn(mockCurrentTarget);
|
|
|
|
mockEvent = {
|
|
which: {},
|
|
type: {},
|
|
currentTarget: mockCurrentTarget
|
|
};
|
|
|
|
controller = new ObjectHeaderController(mockScope);
|
|
});
|
|
|
|
it("updates the model with new name on blur", function () {
|
|
mockEvent.type = "blur";
|
|
mockCurrentTarget.innerHTML = "New name";
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockMutationCapability.mutate).toHaveBeenCalled();
|
|
});
|
|
|
|
it("updates the model with a default for blank names", function () {
|
|
mockEvent.type = "blur";
|
|
mockCurrentTarget.innerHTML = "";
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockCurrentTarget.innerHTML.length).not.toEqual(0);
|
|
expect(mockMutationCapability.mutate).toHaveBeenCalled();
|
|
});
|
|
|
|
it("does not update the model if the same name", function () {
|
|
mockEvent.type = "blur";
|
|
mockCurrentTarget.innerHTML = mockDomainObject.model.name;
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockMutationCapability.mutate).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("updates the model on enter keypress event only", function () {
|
|
mockCurrentTarget.innerHTML = "New name";
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockMutationCapability.mutate).not.toHaveBeenCalled();
|
|
|
|
mockEvent.which = 13;
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockMutationCapability.mutate).toHaveBeenCalledWith(jasmine.any(Function));
|
|
|
|
mockMutationCapability.mutate.mostRecentCall.args[0](mockDomainObject.model);
|
|
|
|
expect(mockDomainObject.model.name).toBe("New name");
|
|
});
|
|
|
|
it("blurs the field on enter key press", function () {
|
|
mockEvent.which = 13;
|
|
controller.updateName(mockEvent);
|
|
|
|
expect(mockEvent.currentTarget.blur).toHaveBeenCalled();
|
|
});
|
|
});
|
|
}
|
|
);
|