mirror of https://gitee.com/bigwinds/arangodb
84 lines
1.9 KiB
JavaScript
84 lines
1.9 KiB
JavaScript
/*jslint indent: 2, nomen: true, maxlen: 100, white: true plusplus: true, browser: true*/
|
|
/*global describe, beforeEach, afterEach, it, */
|
|
/*global spyOn, expect*/
|
|
/*global templateEngine, $, uiMatchers*/
|
|
(function() {
|
|
"use strict";
|
|
|
|
describe("Cluster Shard View", function() {
|
|
var view, div;
|
|
|
|
beforeEach(function() {
|
|
div = document.createElement("div");
|
|
div.id = "clusterShards";
|
|
document.body.appendChild(div);
|
|
uiMatchers.define(this);
|
|
});
|
|
|
|
afterEach(function() {
|
|
document.body.removeChild(div);
|
|
});
|
|
|
|
describe("rendering", function() {
|
|
|
|
var s1, s2, s3, shards,
|
|
checkButtonContent = function(col, cls) {
|
|
var btn = document.getElementById(col.name);
|
|
expect(btn).toBeOfClass("btn");
|
|
expect(btn).toBeOfClass("btn-server");
|
|
expect(btn).toBeOfClass("shard");
|
|
expect(btn).toBeOfClass("btn-" + cls);
|
|
expect($(btn).text()).toEqual(col.name);
|
|
};
|
|
|
|
|
|
beforeEach(function() {
|
|
s1 = {
|
|
name: "Shard 1",
|
|
status: "ok"
|
|
};
|
|
s2 = {
|
|
name: "Shard 2",
|
|
status: "warning"
|
|
};
|
|
s3 = {
|
|
name: "Shard 3",
|
|
status: "critical"
|
|
};
|
|
shards = [
|
|
s1,
|
|
s2,
|
|
s3
|
|
];
|
|
view = new window.ClusterShardsView();
|
|
view.fakeData.shards = shards;
|
|
view.render();
|
|
});
|
|
|
|
it("should render the first shard", function() {
|
|
checkButtonContent(s1, "success");
|
|
});
|
|
|
|
it("should render the second shard", function() {
|
|
checkButtonContent(s2, "warning");
|
|
});
|
|
|
|
it("should render the third shard", function() {
|
|
checkButtonContent(s3, "danger");
|
|
});
|
|
|
|
it("should offer an unrender function", function() {
|
|
view.unrender();
|
|
expect($(div).html()).toEqual("");
|
|
});
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
}());
|
|
|
|
|
|
|