mirror of https://gitee.com/bigwinds/arangodb
344 lines
9.8 KiB
JavaScript
344 lines
9.8 KiB
JavaScript
/*jslint indent: 2, nomen: true, maxlen: 100, white: true plusplus: true */
|
|
/*global beforeEach, afterEach */
|
|
/*global describe, it, expect, jasmine*/
|
|
/*global runs, waitsFor, spyOn */
|
|
/*global window, eb, loadFixtures, document */
|
|
/*global $, _, d3*/
|
|
/*global helper, mocks*/
|
|
/*global EventDispatcher, EventDispatcherControls, NodeShaper, EdgeShaper*/
|
|
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
/// @brief Graph functionality
|
|
///
|
|
/// @file
|
|
///
|
|
/// DISCLAIMER
|
|
///
|
|
/// Copyright 2010-2012 triagens GmbH, Cologne, Germany
|
|
///
|
|
/// 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.
|
|
///
|
|
/// Copyright holder is triAGENS GmbH, Cologne, Germany
|
|
///
|
|
/// @author Michael Hackstein
|
|
/// @author Copyright 2011-2013, triAGENS GmbH, Cologne, Germany
|
|
////////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
|
(function () {
|
|
"use strict";
|
|
|
|
describe('Event Dispatcher UI', function () {
|
|
var svg, dispatcher, dispatcherUI, list,
|
|
nodeShaper, edgeShaper, layouter,
|
|
nodes, edges, adapter,
|
|
|
|
addSpies = function() {
|
|
spyOn(layouter, "drag");
|
|
spyOn(adapter, "createNode");
|
|
spyOn(adapter, "patchNode");
|
|
spyOn(adapter, "deleteNode");
|
|
spyOn(adapter, "createEdge");
|
|
spyOn(adapter, "patchEdge");
|
|
spyOn(adapter, "deleteEdge");
|
|
};
|
|
|
|
|
|
|
|
beforeEach(function () {
|
|
nodes = [{
|
|
_id: 1,
|
|
name: "Alice"
|
|
},{
|
|
_id: 2
|
|
}];
|
|
edges = [{
|
|
source: nodes[0],
|
|
target: nodes[1],
|
|
label: "oldLabel"
|
|
}];
|
|
adapter = mocks.adapter;
|
|
layouter = mocks.layouter;
|
|
this.loadNode = function() {};
|
|
spyOn(this, "loadNode");
|
|
addSpies();
|
|
|
|
var expandConfig = {
|
|
edges: edges,
|
|
nodes: nodes,
|
|
startCallback: function() {},
|
|
loadNode: this.loadNode,
|
|
reshapeNode: function() {}
|
|
},
|
|
|
|
dragConfig = {
|
|
layouter: layouter
|
|
},
|
|
|
|
nodeEditorConfig = {
|
|
nodes: nodes,
|
|
adapter: adapter
|
|
},
|
|
|
|
edgeEditorConfig = {
|
|
edges: edges,
|
|
adapter: adapter
|
|
},
|
|
|
|
completeConfig = {
|
|
expand: expandConfig,
|
|
drag: dragConfig,
|
|
nodeEditor: nodeEditorConfig,
|
|
edgeEditor: edgeEditorConfig
|
|
};
|
|
|
|
svg = document.createElement("svg");
|
|
document.body.appendChild(svg);
|
|
nodeShaper = new NodeShaper(d3.select("svg"));
|
|
edgeShaper = new EdgeShaper(d3.select("svg"));
|
|
list = document.createElement("ul");
|
|
document.body.appendChild(list);
|
|
list.id = "control_list";
|
|
nodeShaper.drawNodes(nodes);
|
|
edgeShaper.drawEdges(edges);
|
|
|
|
dispatcherUI = new EventDispatcherControls(list, nodeShaper, edgeShaper, completeConfig);
|
|
spyOn(nodeShaper, "changeTo").andCallThrough();
|
|
spyOn(edgeShaper, "changeTo").andCallThrough();
|
|
|
|
});
|
|
|
|
afterEach(function () {
|
|
document.body.removeChild(list);
|
|
});
|
|
|
|
it('should throw errors if not setup correctly', function() {
|
|
expect(function() {
|
|
var e = new EventDispatcherControls();
|
|
}).toThrow("A list element has to be given.");
|
|
expect(function() {
|
|
var e = new EventDispatcherControls(list);
|
|
}).toThrow("The NodeShaper has to be given.");
|
|
expect(function() {
|
|
var e = new EventDispatcherControls(list, nodeShaper);
|
|
}).toThrow("The EdgeShaper has to be given.");
|
|
});
|
|
|
|
it('should be able to add a drag control to the list', function() {
|
|
runs(function() {
|
|
dispatcherUI.addControlDrag();
|
|
|
|
expect($("#control_list #control_drag").length).toEqual(1);
|
|
|
|
helper.simulateMouseEvent("click", "control_drag");
|
|
|
|
expect(nodeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
drag: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true
|
|
}
|
|
});
|
|
|
|
helper.simulateMouseEvent("drag", "1");
|
|
|
|
expect(layouter.drag).toHaveBeenCalled();
|
|
});
|
|
|
|
});
|
|
|
|
it('should be able to add an edit control to the list', function() {
|
|
runs(function() {
|
|
dispatcherUI.addControlEdit();
|
|
|
|
expect($("#control_list #control_edit").length).toEqual(1);
|
|
|
|
helper.simulateMouseEvent("click", "control_edit");
|
|
|
|
expect(nodeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
click: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
click: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
helper.simulateMouseEvent("click", "1");
|
|
|
|
expect($("#control_node_edit_modal").length).toEqual(1);
|
|
|
|
$("#control_node_edit_name_value").val("Bob");
|
|
|
|
helper.simulateMouseEvent("click", "control_node_edit_submit");
|
|
expect(adapter.patchNode).toHaveBeenCalledWith(
|
|
{ _id: 1,
|
|
name: "Alice"
|
|
},
|
|
{ _id: "1",
|
|
name: "Bob"
|
|
},
|
|
jasmine.any(Function));
|
|
});
|
|
|
|
waitsFor(function() {
|
|
return $("#control_node_edit_modal").length === 0;
|
|
}, 2000, "The modal dialog should disappear.");
|
|
|
|
runs(function() {
|
|
helper.simulateMouseEvent("click", "1-2");
|
|
|
|
expect($("#control_edge_edit_modal").length).toEqual(1);
|
|
|
|
$("#control_edge_edit_label_value").val("newLabel");
|
|
helper.simulateMouseEvent("click", "control_edge_edit_submit");
|
|
|
|
expect(adapter.patchEdge).toHaveBeenCalledWith(
|
|
edges[0],
|
|
{
|
|
source: nodes[0],
|
|
target: nodes[1],
|
|
label: "newLabel"
|
|
},
|
|
jasmine.any(Function));
|
|
});
|
|
|
|
waitsFor(function() {
|
|
return $("#control_edge_edit_modal").length === 0;
|
|
}, 2000, "The modal dialog should disappear.");
|
|
|
|
});
|
|
|
|
it('should be able to add an expand control to the list', function() {
|
|
runs(function() {
|
|
dispatcherUI.addControlExpand();
|
|
|
|
expect($("#control_list #control_expand").length).toEqual(1);
|
|
|
|
helper.simulateMouseEvent("click", "control_expand");
|
|
|
|
expect(nodeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
click: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true
|
|
}
|
|
});
|
|
|
|
helper.simulateMouseEvent("click", "1");
|
|
|
|
expect(this.loadNode).toHaveBeenCalledWith(nodes[0]._id, jasmine.any(Function));
|
|
|
|
});
|
|
});
|
|
|
|
it('should be able to add a delete control to the list', function() {
|
|
runs(function() {
|
|
dispatcherUI.addControlDelete();
|
|
|
|
expect($("#control_list #control_delete").length).toEqual(1);
|
|
|
|
helper.simulateMouseEvent("click", "control_delete");
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
click: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
click: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
helper.simulateMouseEvent("click", "1");
|
|
|
|
expect(adapter.deleteNode).toHaveBeenCalledWith(
|
|
nodes[0],
|
|
jasmine.any(Function)
|
|
);
|
|
|
|
helper.simulateMouseEvent("click", "1-2");
|
|
|
|
expect(adapter.deleteEdge).toHaveBeenCalledWith(
|
|
edges[0],
|
|
jasmine.any(Function)
|
|
);
|
|
|
|
});
|
|
});
|
|
|
|
it('should be able to add a connect control to the list', function() {
|
|
runs(function() {
|
|
dispatcherUI.addControlConnect();
|
|
|
|
expect($("#control_list #control_connect").length).toEqual(1);
|
|
|
|
helper.simulateMouseEvent("click", "control_connect");
|
|
|
|
expect(nodeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true,
|
|
mousedown: jasmine.any(Function),
|
|
mouseup: jasmine.any(Function)
|
|
}
|
|
});
|
|
|
|
expect(edgeShaper.changeTo).toHaveBeenCalledWith({
|
|
actions: {
|
|
reset: true
|
|
}
|
|
});
|
|
|
|
helper.simulateMouseEvent("mousedown", "2");
|
|
|
|
helper.simulateMouseEvent("mouseup", "1");
|
|
|
|
expect(adapter.createEdge).toHaveBeenCalledWith(
|
|
{source: nodes[1], target: nodes[0]},
|
|
jasmine.any(Function)
|
|
);
|
|
|
|
});
|
|
});
|
|
|
|
it('should be able to add all controls to the list', function () {
|
|
dispatcherUI.addAll();
|
|
|
|
expect($("#control_list #control_drag").length).toEqual(1);
|
|
expect($("#control_list #control_edit").length).toEqual(1);
|
|
expect($("#control_list #control_expand").length).toEqual(1);
|
|
expect($("#control_list #control_delete").length).toEqual(1);
|
|
expect($("#control_list #control_connect").length).toEqual(1);
|
|
});
|
|
});
|
|
|
|
}()); |