mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 09:19:04 -04:00
adding vis and handler tests
This commit is contained in:
Shelby Sturgis
parent
e3769896d4
commit
31e5db290b
3 changed files with 381 additions and 3 deletions
|
|
@ -98,6 +98,8 @@
|
|||
'specs/vislib/_chart',
|
||||
'specs/vislib/column_layout',
|
||||
'specs/vislib/index',
|
||||
'specs/vislib/vis',
|
||||
'specs/vislib/handler',
|
||||
'specs/utils/diff_time_picker_vals',
|
||||
'specs/factories/events',
|
||||
'specs/index_patterns/_flatten_search_response',
|
||||
|
|
|
|||
181
test/unit/specs/vislib/handler.js
Normal file
181
test/unit/specs/vislib/handler.js
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
define(function (require) {
|
||||
var _ = require('lodash');
|
||||
var $ = require('jquery');
|
||||
|
||||
var angular = require('angular');
|
||||
angular.module('VisFactory', ['kibana']);
|
||||
angular.module('DataFactory', ['kibana']);
|
||||
angular.module('HandlerFactory', ['kibana']);
|
||||
|
||||
describe('VisLib Handler Test Suite', function () {
|
||||
var Vis;
|
||||
var Data;
|
||||
var Handler;
|
||||
var handler;
|
||||
var vis;
|
||||
var el;
|
||||
var config;
|
||||
var data = {
|
||||
hits : 621,
|
||||
label : '',
|
||||
ordered : {
|
||||
date: true,
|
||||
interval: 30000,
|
||||
max : 1408734982458,
|
||||
min : 1408734082458
|
||||
},
|
||||
series : [
|
||||
{
|
||||
values: [
|
||||
{
|
||||
x: 1408734060000,
|
||||
y: 8
|
||||
},
|
||||
{
|
||||
x: 1408734090000,
|
||||
y: 23
|
||||
},
|
||||
{
|
||||
x: 1408734120000,
|
||||
y: 30
|
||||
},
|
||||
{
|
||||
x: 1408734150000,
|
||||
y: 28
|
||||
},
|
||||
{
|
||||
x: 1408734180000,
|
||||
y: 36
|
||||
},
|
||||
{
|
||||
x: 1408734210000,
|
||||
y: 30
|
||||
},
|
||||
{
|
||||
x: 1408734240000,
|
||||
y: 26
|
||||
},
|
||||
{
|
||||
x: 1408734270000,
|
||||
y: 22
|
||||
},
|
||||
{
|
||||
x: 1408734300000,
|
||||
y: 29
|
||||
},
|
||||
{
|
||||
x: 1408734330000,
|
||||
y: 24
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
tooltipFormatter: function (datapoint) {
|
||||
return datapoint;
|
||||
},
|
||||
xAxisFormatter: function (thing) {
|
||||
return thing;
|
||||
},
|
||||
xAxisLabel: 'Date Histogram',
|
||||
yAxisLabel: 'Count'
|
||||
};
|
||||
|
||||
|
||||
beforeEach(function () {
|
||||
module('VisFactory');
|
||||
module('HandlerFactory');
|
||||
module('DataFactory');
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
inject(function (d3, Private) {
|
||||
Vis = Private(require('components/vislib/vis'));
|
||||
Data = Private(require('components/vislib/modules/Data'));
|
||||
Handler = Private(require('components/vislib/modules/Handler'));
|
||||
|
||||
el = d3.select('body').append('div')
|
||||
.attr('class', 'visualize')[0][0];
|
||||
|
||||
config = {
|
||||
type: 'histogram',
|
||||
shareYAxis: true,
|
||||
addTooltip: true,
|
||||
addLegend: true
|
||||
};
|
||||
|
||||
vis = new Vis(el, config);
|
||||
|
||||
handler = new Handler({
|
||||
vis: vis,
|
||||
el: el,
|
||||
data: data,
|
||||
ChartClass: vis.ChartClass,
|
||||
_attr: config
|
||||
});
|
||||
|
||||
handler.render(data);
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
el.remove();
|
||||
vis.destroy();
|
||||
});
|
||||
|
||||
describe('render Method', function () {
|
||||
it('should instantiate all constructors ', function () {
|
||||
expect(!!handler.layout).to.be(true);
|
||||
expect(!!handler.legend).to.be(true);
|
||||
expect(!!handler.tooltip).to.be(true);
|
||||
expect(!!handler.xAxis).to.be(true);
|
||||
expect(!!handler.yAxis).to.be(true);
|
||||
expect(!!handler.axisTitle).to.be(true);
|
||||
expect(!!handler.chartTitle).to.be(true);
|
||||
});
|
||||
|
||||
it('should append all DOM Elements for the visualization', function () {
|
||||
expect($('.vis-wrapper').length).to.be(1);
|
||||
expect($('.y-axis-col-wrapper').length).to.be(1);
|
||||
expect($('.vis-col-wrapper').length).to.be(1);
|
||||
expect($('.legend-col-wrapper').length).to.be(1);
|
||||
expect($('.k4tip').length).to.be(1);
|
||||
expect($('.y-axis-col').length).to.be(1);
|
||||
expect($('.y-axis-title').length).to.be(1);
|
||||
expect($('.y-axis-chart-title').length).to.be(0);
|
||||
expect($('.y-axis-div-wrapper').length).to.be(1);
|
||||
expect($('.y-axis-spacer-block').length).to.be(1);
|
||||
expect($('.chart-wrapper').length).to.be(1);
|
||||
expect($('.x-axis-wrapper').length).to.be(1);
|
||||
expect($('.x-axis-div-wrapper').length).to.be(1);
|
||||
expect($('.x-axis-chart-title').length).to.be(0);
|
||||
expect($('.x-axis-title').length).to.be(1);
|
||||
expect($('svg').length).to.be(5);
|
||||
});
|
||||
});
|
||||
|
||||
describe('removeAll Method', function () {
|
||||
beforeEach(function () {
|
||||
inject(function (d3) {
|
||||
d3.select(el).append('div').attr('class', 'visualize');
|
||||
handler.removeAll(el);
|
||||
});
|
||||
});
|
||||
|
||||
it('should remove all DOM elements from the el', function () {
|
||||
expect($(el).children().length).to.be(0);
|
||||
});
|
||||
});
|
||||
|
||||
describe('error Method', function () {
|
||||
beforeEach(function () {
|
||||
handler.error('This is an error!');
|
||||
});
|
||||
|
||||
it('should return an error classed DOM element with a text message', function () {
|
||||
expect($('.error-wrapper').length).to.be(1);
|
||||
expect($('.error-wrapper p').html()).to.be('This is an error!');
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
|
@ -1,9 +1,204 @@
|
|||
define(function (require) {
|
||||
var _ = require('lodash');
|
||||
var $ = require('jquery');
|
||||
|
||||
describe('Vis', function () {
|
||||
var angular = require('angular');
|
||||
angular.module('VisFactory', ['kibana']);
|
||||
|
||||
it('return object with element and config', function () {
|
||||
expect(typeof visLib).to.be('function');
|
||||
describe('VisLib Vis Test Suite', function () {
|
||||
var Vis;
|
||||
var chart;
|
||||
var el;
|
||||
var config;
|
||||
var data = {
|
||||
hits : 621,
|
||||
label : '',
|
||||
ordered : {
|
||||
date: true,
|
||||
interval: 30000,
|
||||
max : 1408734982458,
|
||||
min : 1408734082458
|
||||
},
|
||||
series : [
|
||||
{
|
||||
values: [
|
||||
{
|
||||
x: 1408734060000,
|
||||
y: 8
|
||||
},
|
||||
{
|
||||
x: 1408734090000,
|
||||
y: 23
|
||||
},
|
||||
{
|
||||
x: 1408734120000,
|
||||
y: 30
|
||||
},
|
||||
{
|
||||
x: 1408734150000,
|
||||
y: 28
|
||||
},
|
||||
{
|
||||
x: 1408734180000,
|
||||
y: 36
|
||||
},
|
||||
{
|
||||
x: 1408734210000,
|
||||
y: 30
|
||||
},
|
||||
{
|
||||
x: 1408734240000,
|
||||
y: 26
|
||||
},
|
||||
{
|
||||
x: 1408734270000,
|
||||
y: 22
|
||||
},
|
||||
{
|
||||
x: 1408734300000,
|
||||
y: 29
|
||||
},
|
||||
{
|
||||
x: 1408734330000,
|
||||
y: 24
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
tooltipFormatter: function (datapoint) {
|
||||
return datapoint;
|
||||
},
|
||||
xAxisFormatter: function (thing) {
|
||||
return thing;
|
||||
},
|
||||
xAxisLabel: 'Date Histogram',
|
||||
yAxisLabel: 'Count'
|
||||
};
|
||||
|
||||
|
||||
beforeEach(function () {
|
||||
module('VisFactory');
|
||||
});
|
||||
|
||||
beforeEach(function () {
|
||||
inject(function (d3, Private) {
|
||||
Vis = Private(require('components/vislib/vis'));
|
||||
|
||||
el = d3.select('body').append('div')
|
||||
.attr('class', 'visualize')[0][0];
|
||||
|
||||
config = {
|
||||
type: 'histogram',
|
||||
shareYAxis: true,
|
||||
addTooltip: true,
|
||||
addLegend: true
|
||||
};
|
||||
chart = new Vis(el, config);
|
||||
});
|
||||
});
|
||||
|
||||
afterEach(function () {
|
||||
el.remove();
|
||||
chart.destroy();
|
||||
});
|
||||
|
||||
describe('render Method', function () {
|
||||
beforeEach(function () {
|
||||
chart.render(data);
|
||||
});
|
||||
|
||||
it('should bind data to this object', function () {
|
||||
expect(_.isObject(chart.data)).to.be(true);
|
||||
});
|
||||
|
||||
it('should instantiate a handler object', function () {
|
||||
expect(_.isObject(chart.handler)).to.be(true);
|
||||
});
|
||||
|
||||
it('should append a chart', function () {
|
||||
expect($('.chart').length).to.be(1);
|
||||
});
|
||||
|
||||
it('should call the checkSize function', function () {});
|
||||
});
|
||||
|
||||
describe('checkSize Method', function () {
|
||||
// beforeEach(function () {
|
||||
// chart.render(data);
|
||||
// $('.chart').width(500);
|
||||
// });
|
||||
//
|
||||
// it('should set prevSize on the object', function () {
|
||||
// expect(!!chart.prevSize).to.be(true);
|
||||
// });
|
||||
//
|
||||
// it('should return nothing when an argument is passed', function () {
|
||||
// console.log(chart.checkSize);
|
||||
// expect(chart.checkSize(false)).to.be(true);
|
||||
// });
|
||||
|
||||
});
|
||||
|
||||
describe('resize Method', function () {
|
||||
beforeEach(function () {
|
||||
chart.render(data);
|
||||
$('.visualize').width(500);
|
||||
chart.resize();
|
||||
chart.destroy();
|
||||
});
|
||||
|
||||
it('should resize the chart', function () {
|
||||
"use strict";
|
||||
expect($('.chart').width()).to.be.lessThan(500);
|
||||
});
|
||||
|
||||
it('should throw an error when no valid data provided', function () {
|
||||
expect(function () {
|
||||
chart.resize();
|
||||
}).to.throwError();
|
||||
});
|
||||
});
|
||||
|
||||
describe('destroy Method', function () {
|
||||
beforeEach(function () {
|
||||
chart.destroy();
|
||||
});
|
||||
|
||||
it('should set the destroyFlag to true', function () {
|
||||
expect(chart._attr.destroyFlag).to.be(true);
|
||||
});
|
||||
|
||||
it('should remove all DOM elements from el', function () {
|
||||
expect($('.vis-wrapper').length).to.be(0);
|
||||
});
|
||||
|
||||
it('should turn off events', function () {});
|
||||
});
|
||||
|
||||
describe('set Method', function () {
|
||||
beforeEach(function () {
|
||||
chart.render(data);
|
||||
chart.set('addLegend', false);
|
||||
chart.set('offset', 'wiggle');
|
||||
});
|
||||
|
||||
it('should set an attribute', function () {
|
||||
expect(chart.get('addLegend')).to.be(false);
|
||||
expect(chart.get('offset')).to.be('wiggle');
|
||||
});
|
||||
});
|
||||
|
||||
describe('get Method', function () {
|
||||
beforeEach(function () {
|
||||
chart.render(data);
|
||||
});
|
||||
|
||||
it('should get attribue values', function () {
|
||||
expect(chart.get('addLegend')).to.be(true);
|
||||
expect(chart.get('addTooltip')).to.be(true);
|
||||
expect(chart.get('type')).to.be('histogram');
|
||||
expect(chart.get('offset')).to.be('zero');
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue