/*jslint indent: 2, nomen: true, maxlen: 100, white: true plusplus: true, browser: true*/
/*global $, arangoHelper, jasmine, nv, d3, describe, beforeEach, afterEach, it, spyOn, expect*/
(function () {
"use strict";
describe("The dashboard view", function () {
var view, dyGraphConfigDummy, modalDummy, nvDummy, d3ChartDummy;
beforeEach(function () {
window.App = {
navigate: function () {
throw "This should be a spy";
}
};
dyGraphConfigDummy = {
getDetailChartConfig: function () {
return {
header: "dummyheader"
};
},
getDashBoardFigures: function () {
return ["a", "b", "c"];
},
getDefaultConfig: function (d) {
return {
header: "dummyheader",
div: "#" + d
};
},
mapStatToFigure: {
a: ["times", "x", "blub"],
d: ["times", "y"],
c: ["times", "z"],
abc: [1]
},
colors: [1, 2]
};
modalDummy = {
hide: function () {
},
show: function () {
}
};
window.modalView = modalDummy;
d3ChartDummy = {
x: function (a) {
a({label: 1});
return d3ChartDummy;
},
y: function (a) {
a({label: 1});
return d3ChartDummy;
},
width: function (a) {
return d3ChartDummy;
},
height: function (a) {
return d3ChartDummy;
},
margin: function (a) {
return d3ChartDummy;
},
showValues: function (a) {
return d3ChartDummy;
},
showYAxis: function (a) {
return d3ChartDummy;
},
showXAxis: function (a) {
return d3ChartDummy;
},
transitionDuration: function (a) {
return d3ChartDummy;
},
tooltips: function (a) {
return d3ChartDummy;
},
showLegend: function (a) {
return d3ChartDummy;
},
stacked: function (a) {
return d3ChartDummy;
},
showControls: function (a) {
return d3ChartDummy;
},
classed: function (a) {
return d3ChartDummy;
},
forceY : function () {
return d3ChartDummy;
},
yAxis: {
tickFormat: function (a) {
a();
return d3ChartDummy.yAxis;
},
showMaxMin: function () {
return d3ChartDummy.yAxis;
},
tickValues : function () {
return d3ChartDummy.yAxis;
}
},
xAxis: {
tickFormat: function (a) {
a();
},
showMaxMin: function () {
}
},
datum: function (a) {
return d3ChartDummy;
},
call: function (a) {
return d3ChartDummy;
},
data: function (a) {
return d3ChartDummy;
},
enter: function (a) {
return d3ChartDummy;
},
append: function (a) {
return d3ChartDummy;
},
style: function (a) {
return d3ChartDummy;
},
attr: function (a) {
return d3ChartDummy;
},
text: function (a) {
if (a instanceof Function) {
a();
}
return d3ChartDummy;
},
select: function (a) {
return d3ChartDummy;
},
remove: function (a) {
return d3ChartDummy;
},
selectAll: function (a) {
return d3ChartDummy;
},
on: function (a) {
return d3ChartDummy;
}
};
view = new window.DashboardView({dygraphConfig: dyGraphConfigDummy});
});
afterEach(function () {
delete window.App;
});
it("assert the basics", function () {
expect(view.interval).toEqual(10000);
expect(view.defaultTimeFrame).toEqual(20 * 60 * 1000);
expect(view.defaultDetailFrame).toEqual(2 * 24 * 60 * 60 * 1000);
expect(view.history).toEqual({});
expect(view.graphs).toEqual({});
expect(view.events).toEqual({
"click .dashboard-large-chart-menu": jasmine.any(Function),
"mousedown .dygraph-rangesel-zoomhandle": jasmine.any(Function),
"mouseup .dygraph-rangesel-zoomhandle": jasmine.any(Function)
});
expect(view.tendencies).toEqual({
asyncPerSecondCurrent: [
"asyncPerSecondCurrent", "asyncPerSecondCurrentPercentChange"
],
syncPerSecondCurrent: [
"syncPerSecondCurrent", "syncPerSecondCurrentPercentChange"
],
clientConnectionsCurrent: [
"clientConnectionsCurrent", "clientConnectionsCurrentPercentChange"
],
clientConnectionsAverage: [
"clientConnections15M", "clientConnectionsPercentChange15M"
],
numberOfThreadsCurrent: [
"numberOfThreadsCurrent", "numberOfThreadsCurrentPercentChange"
],
numberOfThreadsAverage: [
"numberOfThreads15M", "numberOfThreadsPercentChange15M"
],
virtualSizeCurrent: [
"virtualSizeCurrent", "virtualSizePercentChange"
],
virtualSizeAverage: [
"virtualSize15M", "virtualSizePercentChange15M"
]
});
expect(view.barCharts).toEqual({
totalTimeDistribution: [
"queueTimeDistributionPercent", "requestTimeDistributionPercent"
],
dataTransferDistribution: [
"bytesSentDistributionPercent", "bytesReceivedDistributionPercent"]
});
expect(view.barChartsElementNames).toEqual({
queueTimeDistributionPercent: "Queue",
requestTimeDistributionPercent: "Computation",
bytesSentDistributionPercent: "Bytes sent",
bytesReceivedDistributionPercent: "Bytes received"
});
});
it("getDetailFigure", function () {
var jQueryDummy = {
attr: function () {
}
};
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "attr").andReturn("asyncRequestsChartContainer");
expect(view.getDetailFigure({currentTarget: ""})).toEqual("requestsAsync");
});
it("getDetailFigure for clientConnections", function () {
var jQueryDummy = {
attr: function () {
}
};
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "attr").andReturn("clientConnectionsDistributionContainer");
expect(view.getDetailFigure({currentTarget: ""})).toEqual("httpConnections");
});
/* it("showDetail", function () {
spyOn(view, "getDetailFigure").andReturn("requestsAsync");
spyOn(view, "getStatistics");
spyOn(modalDummy, "hide");
spyOn(modalDummy, "show");
var jQueryDummy = {
attr: function () {
},
on: function (a, b) {
b();
},
toggleClass: function (a, b) {
},
height: function () {
return 100;
},
width: function () {
return 100;
}
};
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(window, "Dygraph");
spyOn(dyGraphConfigDummy, "getDetailChartConfig").andCallThrough();
spyOn(jQueryDummy, "on").andCallThrough();
spyOn(jQueryDummy, "toggleClass");
spyOn(jQueryDummy, "height").andCallThrough();
spyOn(jQueryDummy, "width").andCallThrough();
spyOn(view, "hidden");
view.showDetail("");
expect(view.getDetailFigure).toHaveBeenCalledWith("");
expect(view.getStatistics).toHaveBeenCalledWith("requestsAsync");
expect(view.getDetailFigure).toHaveBeenCalledWith("");
expect(view.detailGraphFigure).toEqual("requestsAsync");
expect(dyGraphConfigDummy.getDetailChartConfig).toHaveBeenCalledWith("requestsAsync");
expect(modalDummy.hide).toHaveBeenCalled();
expect(jQueryDummy.height).toHaveBeenCalled();
expect(jQueryDummy.width).toHaveBeenCalled();
expect(window.$).toHaveBeenCalledWith('#modal-dialog');
expect(window.$).toHaveBeenCalledWith('.modal-chart-detail');
expect(jQueryDummy.on).toHaveBeenCalledWith('hidden', jasmine.any(Function));
expect(jQueryDummy.toggleClass).toHaveBeenCalledWith("modal-chart-detail", true);
expect(modalDummy.show).toHaveBeenCalledWith("modalGraph.ejs",
"dummyheader",
undefined,
undefined,
undefined,
view.events
);
expect(window.Dygraph).toHaveBeenCalledWith(
document.getElementById("lineChartDetail"),
undefined,
{
header: "dummyheader",
height: 70,
width: 84
});
});*/
it("hidden", function () {
view.detailGraph = {destroy: function () {
}};
view.detailGraphFigure = 1;
spyOn(view.detailGraph, "destroy");
view.hidden();
expect(view.detailGraph).toEqual(undefined);
expect(view.detailGraphFigure).toEqual(undefined);
});
it("getCurrentSize", function () {
var jQueryDummy = {
attr: function () {
},
height: function () {
return 100;
},
width: function () {
return 100;
}
};
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "attr");
spyOn(jQueryDummy, "height").andCallThrough();
spyOn(jQueryDummy, "width").andCallThrough();
expect(view.getCurrentSize("anyDiv")).toEqual({height: 100, width: 100});
expect(jQueryDummy.height).toHaveBeenCalled();
expect(jQueryDummy.width).toHaveBeenCalled();
expect(window.$).toHaveBeenCalledWith('#anyDiv');
expect(jQueryDummy.attr).toHaveBeenCalledWith("style", "");
});
it("getCurrentSize", function () {
spyOn(dyGraphConfigDummy, "getDashBoardFigures").andCallThrough();
spyOn(dyGraphConfigDummy, "getDefaultConfig").andCallThrough();
spyOn(view, "getCurrentSize").andReturn({height: 80, width: 100});
spyOn(window, "Dygraph");
view.prepareDygraphs();
expect(dyGraphConfigDummy.getDashBoardFigures).toHaveBeenCalled();
expect(dyGraphConfigDummy.getDefaultConfig).toHaveBeenCalledWith("a");
expect(dyGraphConfigDummy.getDefaultConfig).toHaveBeenCalledWith("b");
expect(dyGraphConfigDummy.getDefaultConfig).toHaveBeenCalledWith("c");
expect(view.getCurrentSize).toHaveBeenCalledWith("#a");
expect(view.getCurrentSize).toHaveBeenCalledWith("#b");
expect(view.getCurrentSize).toHaveBeenCalledWith("#c");
expect(window.Dygraph).toHaveBeenCalledWith(
document.getElementById("#a"),
[],
{
header: "dummyheader",
div: '#a',
height: 80,
width: 100
}
);
expect(window.Dygraph).toHaveBeenCalledWith(
document.getElementById("#b"),
[],
{
header: "dummyheader",
div: '#b',
height: 80,
width: 100
}
);
expect(window.Dygraph).toHaveBeenCalledWith(
document.getElementById("#c"),
[],
{
header: "dummyheader",
div: '#c',
height: 80,
width: 100
}
);
});
it("updateCharts", function () {
view.isUpdating = true;
spyOn(view, "updateLineChart");
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
spyOn(view, "updateTendencies");
view.graphs = {"a": 1, "b": 2, "c": 3};
view.updateCharts();
expect(view.prepareD3Charts).toHaveBeenCalledWith(true);
expect(view.prepareResidentSize).toHaveBeenCalledWith(true);
expect(view.updateTendencies).toHaveBeenCalled();
expect(view.updateLineChart).toHaveBeenCalledWith("a", false);
expect(view.updateLineChart).toHaveBeenCalledWith("b", false);
expect(view.updateLineChart).toHaveBeenCalledWith("c", false);
});
it("updateCharts in detail mode", function () {
view.isUpdating = true;
spyOn(view, "updateLineChart");
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
spyOn(view, "updateTendencies");
view.detailGraph = "1";
view.detailGraphFigure = "abc";
view.updateCharts();
expect(view.prepareD3Charts).not.toHaveBeenCalled();
expect(view.prepareResidentSize).not.toHaveBeenCalled();
expect(view.updateTendencies).not.toHaveBeenCalled();
expect(view.updateLineChart).toHaveBeenCalledWith("abc", true);
});
it("updateTendencies", function () {
var jQueryDummy = {
html: function () {
}
};
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "html").andCallThrough();
view.tendencies = {"a": 1, "b": 2, "c": 3};
view.history = {
"a": [1, 2],
"b": [3, 4],
"c": [5, 6]
};
view.updateTendencies();
expect(window.$).toHaveBeenCalledWith('#a');
expect(window.$).toHaveBeenCalledWith('#b');
expect(window.$).toHaveBeenCalledWith('#c');
expect(jQueryDummy.html).toHaveBeenCalledWith(
'1
2%'
);
expect(jQueryDummy.html).toHaveBeenCalledWith(
'3
4%'
);
expect(jQueryDummy.html).toHaveBeenCalledWith(
'5
6%'
);
});
it("updateDateWindow for detail chart", function () {
view.interval = 10;
expect(view.updateDateWindow({dateWindow_: [100, 1000]}, true)).toEqual([100, 1000]);
});
it("updateDateWindow for normal chart", function () {
view.defaultFrame = 10;
expect(view.updateDateWindow("aaaa", false)).not.toEqual(undefined);
});
it("updateLineChart for normal chart", function () {
var dyGraphDummy = {
updateOptions: function () {
}
};
spyOn(view, "updateDateWindow").andReturn([0, 100]);
spyOn(dyGraphDummy, "updateOptions");
view.graphs = {"aaaa": dyGraphDummy};
view.updateLineChart("aaaa", false);
expect(view.updateDateWindow).toHaveBeenCalledWith(dyGraphDummy, false);
expect(dyGraphDummy.updateOptions).toHaveBeenCalledWith(
{
file: undefined,
dateWindow: [0, 100]
}
);
});
it("updateLineChart for detail chart", function () {
var dyGraphDummy = {
updateOptions: function () {
}
};
spyOn(view, "updateDateWindow").andReturn([0, 100]);
spyOn(dyGraphDummy, "updateOptions");
view.detailGraph = dyGraphDummy;
view.updateLineChart("aaaa", true);
expect(view.updateDateWindow).toHaveBeenCalledWith(dyGraphDummy, true);
expect(dyGraphDummy.updateOptions).toHaveBeenCalledWith(
{
file: undefined,
dateWindow: [0, 100]
}
);
});
it("mergeDygraphHistory", function () {
spyOn(dyGraphConfigDummy, "getDashBoardFigures").andCallThrough();
view.mergeDygraphHistory({
times: [1234567, 234567],
x: ["aa", "bb"],
y: [11, 22],
z: [100, 100]
}, 0);
expect(dyGraphConfigDummy.getDashBoardFigures).toHaveBeenCalledWith(true);
expect(view.history.a).toEqual([
[jasmine.any(Date) , "aa"]
]);
expect(view.history.c).toEqual([
[jasmine.any(Date) , 100]
]);
});
it("mergeHistory", function () {
view.tendencies = {
virtualSizeAverage: ["y", "z"]
};
view.barCharts = {
barchart: "bb"
};
var param = {
times: [1234567, 234567],
x: ["aa", "bb"],
y: [11, 22],
z: [100, 100],
residentSizePercent: [1, 2],
nextStart: "tomorrow"
};
spyOn(view, "mergeDygraphHistory");
spyOn(view, "mergeBarChartData");
view.mergeHistory(param, false);
expect(view.mergeBarChartData).toHaveBeenCalledWith("bb", param);
expect(view.mergeDygraphHistory).toHaveBeenCalledWith(param, 0);
expect(view.mergeDygraphHistory).toHaveBeenCalledWith(param, 1);
expect(view.nextStart).toEqual("tomorrow");
expect(view.history.residentSizeChart).toEqual([
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 200
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: -100
}
]
}
]);
});
it("mergeHistory in detail Mode", function () {
view.tendencies = {
virtualSizeAverage: ["y", "z"]
};
view.barCharts = {
barchart: "bb"
};
var param = {
times: [1234567, 234567],
x: ["aa", "bb"],
y: [11, 22],
z: [100, 100],
residentSizePercent: [1, 2],
nextStart: "tomorrow"
};
spyOn(view, "mergeDygraphHistory");
spyOn(view, "mergeBarChartData");
view.mergeHistory(param);
expect(view.mergeDygraphHistory).toHaveBeenCalledWith(param, 0);
expect(view.mergeDygraphHistory).toHaveBeenCalledWith(param, 1);
});
it("mergeBarChartData", function () {
view.barChartsElementNames = {
b1: "bb",
b2: "bc"
};
var v1 = {
"key": "bb",
"color": dyGraphConfigDummy.colors[0],
"values": [
{label: "blub", value: 1},
{label: "blub", value: 2}
]
}, v2 = {
"key": "bc",
"color": dyGraphConfigDummy.colors[1],
"values": [
{label: "blub", value: 3},
{label: "blub", value: 4}
]
};
spyOn(view, "getLabel").andReturn("blub");
expect(view.mergeBarChartData(["b1", "b2"],
{
b1: {
cuts: ["cuts"],
values: [2, 1]
},
b2: {
cuts: ["cuts2"],
values: [4, 3]
}
}
)
).toEqual([v1, v2]);
expect(view.getLabel).toHaveBeenCalledWith(["cuts"], 0);
expect(view.getLabel).toHaveBeenCalledWith(["cuts"], 1);
expect(view.getLabel).toHaveBeenCalledWith(["cuts2"], 0);
expect(view.getLabel).toHaveBeenCalledWith(["cuts2"], 1);
});
it("getLabel with bad counter element", function () {
expect(view.getLabel([1, 2, 3], 3)).toEqual(">3");
});
it("getLabel", function () {
expect(view.getLabel([1, 2, 3], 2)).toEqual("2 - 3");
});
it("getLabel with counter = 0", function () {
expect(view.getLabel([1, 2, 3], 0)).toEqual("0 - 1");
});
it("getStatistics with nextStart", function () {
view.nextStart = 10000;
view.server = {
endpoint: "abcde",
target: "xyz"
};
spyOn(view, "mergeHistory");
spyOn($, "ajax").andCallFake(function (url, opt) {
expect(url).toEqual(
"abcde/_admin/aardvark/statistics/cluster?start=10000&DBserver=xyz"
);
expect(opt.async).toEqual(false);
return {
done: function (y) {
y({
times: [1, 2, 3]
});
}
};
});
view.getStatistics();
expect(view.mergeHistory).toHaveBeenCalledWith({
times: [1, 2, 3]
});
expect(view.isUpdating).toEqual(true);
});
it("prepare D3Charts", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 200});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.d3NotInitialised = false;
view.prepareD3Charts(true);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("prepare D3Charts no update", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 200});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.prepareD3Charts(false);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("prepare D3Charts no update width > 400", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 404});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.prepareD3Charts(false);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("prepare D3Charts no update width > 300", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 304});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.prepareD3Charts(false);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("prepare D3Charts no update width > 200", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 204});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.prepareD3Charts(false);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("prepare D3Charts no update width smaller 100", function () {
spyOn(nv, "addGraph").andCallFake(function (a, b) {
a();
b();
});
spyOn(nv.utils, "windowResize");
spyOn(nv.models, "multiBarHorizontalChart").andReturn(d3ChartDummy);
spyOn(d3, "select").andReturn(d3ChartDummy);
spyOn(view, "getCurrentSize").andReturn({height: 190, width: 11});
view.history = {totalTimeDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
], dataTransferDistribution: [
{
"key": "",
"color": dyGraphConfigDummy.colors[1],
"values": [
{
label: "used",
value: 20
}
]
},
{
"key": "",
"color": dyGraphConfigDummy.colors[0],
"values": [
{
label: "used",
value: 80
}
]
}
]};
view.prepareD3Charts(false);
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#totalTimeDistributionContainer .dashboard-interior-chart');
expect(view.getCurrentSize).toHaveBeenCalledWith(
'#dataTransferDistributionContainer .dashboard-interior-chart');
expect(nv.models.multiBarHorizontalChart).toHaveBeenCalled();
});
it("stopUpdating", function () {
view.stopUpdating();
expect(view.isUpdating).toEqual(false);
});
it("startUpdating with running timer", function () {
view.timer = 1234;
spyOn(window, "setInterval");
view.startUpdating();
expect(window.setInterval).not.toHaveBeenCalled();
});
it("startUpdating with no timer but no statistics updates", function () {
spyOn(view, "getStatistics");
spyOn(view, "updateCharts");
view.isUpdating = false;
spyOn(window, "setInterval").andCallFake(
function (a) {
a();
}
);
view.startUpdating();
expect(window.setInterval).toHaveBeenCalled();
expect(view.getStatistics).toHaveBeenCalled();
expect(view.updateCharts).not.toHaveBeenCalled();
});
it("startUpdating with no timer and statistics updates", function () {
spyOn(view, "getStatistics");
spyOn(view, "updateCharts");
view.isUpdating = true;
spyOn(window, "setInterval").andCallFake(
function (a) {
a();
}
);
view.startUpdating();
expect(window.setInterval).toHaveBeenCalled();
expect(view.getStatistics).toHaveBeenCalled();
expect(view.updateCharts).toHaveBeenCalled();
});
it("resize", function () {
spyOn(view, "getCurrentSize").andReturn({
width: 100,
height: 10
});
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
var dyGraphDummy = {
resize: function () {
},
maindiv_: {id: "maindiv"}
};
spyOn(dyGraphDummy, "resize");
view.graphs = {"aaaa": dyGraphDummy};
view.isUpdating = true;
spyOn(window, "setInterval").andCallFake(
function (a) {
a();
}
);
view.resize();
expect(view.getCurrentSize).toHaveBeenCalledWith("maindiv");
expect(dyGraphDummy.resize).toHaveBeenCalledWith(100, 10);
expect(view.prepareD3Charts).toHaveBeenCalledWith(true);
expect(view.prepareResidentSize).toHaveBeenCalledWith(true);
});
it("resize when nothing is updating", function () {
spyOn(view, "getCurrentSize").andReturn({
width: 100,
height: 10
});
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
var dyGraphDummy = {
resize: function () {
},
maindiv_: {id: "maindiv"}
};
spyOn(dyGraphDummy, "resize");
view.graphs = {"aaaa": dyGraphDummy};
view.isUpdating = false;
spyOn(window, "setInterval").andCallFake(
function (a) {
a();
}
);
view.resize();
expect(view.getCurrentSize).not.toHaveBeenCalled();
expect(dyGraphDummy.resize).not.toHaveBeenCalled();
expect(view.prepareD3Charts).not.toHaveBeenCalled();
expect(view.prepareResidentSize).not.toHaveBeenCalled();
});
it("resize with detail chart", function () {
spyOn(view, "getCurrentSize").andReturn({
width: 100,
height: 10
});
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
var dyGraphDummy = {
resize: function () {
},
maindiv_: {id: "maindiv"}
};
spyOn(dyGraphDummy, "resize");
view.graphs = {};
view.detailGraph = dyGraphDummy;
view.isUpdating = true;
spyOn(window, "setInterval").andCallFake(
function (a) {
a();
}
);
view.resize();
expect(view.getCurrentSize).toHaveBeenCalledWith("maindiv");
expect(dyGraphDummy.resize).toHaveBeenCalledWith(100, 10);
expect(view.prepareD3Charts).toHaveBeenCalledWith(true);
expect(view.prepareResidentSize).toHaveBeenCalledWith(true);
});
it("render without modal and no updating", function () {
var jQueryDummy = {
html: function () {
}
};
spyOn(view, "startUpdating");
spyOn(view, "getStatistics");
spyOn(view, "prepareDygraphs");
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
spyOn(view, "updateTendencies");
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "html");
view.isUpdating = false;
view.render(false);
expect(window.$).toHaveBeenCalledWith(view.el);
expect(view.startUpdating).toHaveBeenCalled();
expect(view.getStatistics).toHaveBeenCalled();
expect(view.prepareDygraphs).toHaveBeenCalled();
expect(view.prepareD3Charts).not.toHaveBeenCalled();
expect(view.prepareResidentSize).not.toHaveBeenCalled();
expect(view.updateTendencies).not.toHaveBeenCalled();
expect(jQueryDummy.html).toHaveBeenCalled();
});
it("render without modal and updating", function () {
var jQueryDummy = {
html: function () {
}
};
spyOn(view, "startUpdating");
spyOn(view, "getStatistics");
spyOn(view, "prepareDygraphs");
spyOn(view, "prepareD3Charts");
spyOn(view, "prepareResidentSize");
spyOn(view, "updateTendencies");
spyOn(window, "$").andReturn(
jQueryDummy
);
spyOn(jQueryDummy, "html");
view.isUpdating = true;
view.render(false);
expect(window.$).toHaveBeenCalledWith(view.el);
expect(view.startUpdating).toHaveBeenCalled();
expect(view.getStatistics).toHaveBeenCalled();
expect(view.prepareDygraphs).toHaveBeenCalled();
expect(view.prepareD3Charts).toHaveBeenCalled();
expect(view.prepareResidentSize).toHaveBeenCalled();
expect(view.updateTendencies).toHaveBeenCalled();
expect(jQueryDummy.html).toHaveBeenCalled();
});
});
}());