mirror of https://gitee.com/bigwinds/arangodb
116 lines
3.0 KiB
JavaScript
116 lines
3.0 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 Database View", function() {
|
|
var view, div, colView;
|
|
|
|
beforeEach(function() {
|
|
div = document.createElement("div");
|
|
div.id = "clusterDatabases";
|
|
document.body.appendChild(div);
|
|
colView = {
|
|
render: function(){}
|
|
};
|
|
spyOn(window, "ClusterCollectionView").andReturn(colView);
|
|
uiMatchers.define(this);
|
|
});
|
|
|
|
afterEach(function() {
|
|
document.body.removeChild(div);
|
|
});
|
|
|
|
describe("initialisation", function() {
|
|
|
|
it("should create a Cluster Collection View", function() {
|
|
view = new window.ClusterDatabaseView();
|
|
expect(window.ClusterCollectionView).toHaveBeenCalled();
|
|
});
|
|
|
|
});
|
|
|
|
describe("rendering", function() {
|
|
|
|
var db1, db2, db3, databases,
|
|
checkButtonContent = function(db, cls) {
|
|
var btn = document.getElementById(db.name);
|
|
expect(btn).toBeOfClass("btn");
|
|
expect(btn).toBeOfClass("btn-server");
|
|
expect(btn).toBeOfClass("database");
|
|
expect(btn).toBeOfClass("btn-" + cls);
|
|
expect($(btn).text()).toEqual(db.name);
|
|
};
|
|
|
|
|
|
beforeEach(function() {
|
|
spyOn(colView, "render");
|
|
db1 = {
|
|
name: "_system",
|
|
status: "ok"
|
|
};
|
|
db2 = {
|
|
name: "myDatabase",
|
|
status: "warning"
|
|
};
|
|
db3 = {
|
|
name: "otherDatabase",
|
|
status: "critical"
|
|
};
|
|
databases = [
|
|
db1,
|
|
db2,
|
|
db3
|
|
];
|
|
view = new window.ClusterDatabaseView();
|
|
view.fakeData.databases = databases;
|
|
view.render();
|
|
});
|
|
|
|
it("should not render the Server view", function() {
|
|
expect(colView.render).not.toHaveBeenCalled();
|
|
});
|
|
|
|
it("should render the ok database", function() {
|
|
checkButtonContent(db1, "success");
|
|
});
|
|
|
|
it("should render the warning database", function() {
|
|
checkButtonContent(db2, "warning");
|
|
});
|
|
|
|
it("should render the error database", function() {
|
|
checkButtonContent(db3, "danger");
|
|
});
|
|
|
|
describe("user actions", function() {
|
|
var db;
|
|
|
|
it("should be able to navigate to _system", function() {
|
|
db = "_system";
|
|
$("#" + db).click();
|
|
expect(colView.render).toHaveBeenCalledWith(db);
|
|
});
|
|
|
|
it("should be able to navigate to myDatabase", function() {
|
|
db = "myDatabase";
|
|
$("#" + db).click();
|
|
expect(colView.render).toHaveBeenCalledWith(db);
|
|
});
|
|
|
|
it("should be able to navigate to otherDatabase", function() {
|
|
db = "otherDatabase";
|
|
$("#" + db).click();
|
|
expect(colView.render).toHaveBeenCalledWith(db);
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
});
|
|
|
|
}());
|
|
|