IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

working on auto interval template variable support

Browse Source
This commit is contained in:
Torkel Ödegaard 2014-09-05 12:07:48 +02:00
parent afc8380f23
commit 4e5dcafa1b
9 changed files with 192 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/controllers/templateEditorCtrl.js
View File

@ -69,7 +69,7 @@ function (angular, _) {
}; };
$scope.typeChanged = function () { $scope.typeChanged = function () {
if ($scope.current.type === 'time period') { if ($scope.current.type === 'interval') {
$scope.current.query = '1m,10m,30m,1h,6h,12h,1d,7d,14d,30d'; $scope.current.query = '1m,10m,30m,1h,6h,12h,1d,7d,14d,30d';
} }
}; };

2
src/app/partials/panelgeneral.html
View File

@ -8,7 +8,7 @@
<label class="small">Span</label> <select class="input-mini" ng-model="panel.span" ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10,11,12]"></select> <label class="small">Span</label> <select class="input-mini" ng-model="panel.span" ng-options="f for f in [0,1,2,3,4,5,6,7,8,9,10,11,12]"></select>
</div> </div>
<div class="editor-option"> <div class="editor-option">
<label class="small">Height</label><input type="text" class="input-medium" ng-model='panel.height'></select> <label class="small">Height</label><input type="text" class="input-small" ng-model='panel.height'></select>
</div> </div>
</div> </div>
</div> </div>

26
src/app/partials/templating_editor.html
View File

@ -58,7 +58,7 @@
</div> </div>
<div class="editor-option"> <div class="editor-option">
<label class="small">Type</label> <label class="small">Type</label>
<select class="input-medium" ng-model="current.type" ng-options="f for f in ['query', 'time period']" ng-change="typeChanged()"></select> <select class="input-medium" ng-model="current.type" ng-options="f for f in ['query', 'interval', 'custom']" ng-change="typeChanged()"></select>
</div> </div>
<div class="editor-option" ng-show="current.type === 'query'"> <div class="editor-option" ng-show="current.type === 'query'">
<label class="small">Datasource</label> <label class="small">Datasource</label>
@ -70,10 +70,22 @@
</div> </div>
</div> </div>
<div ng-show="current.type === 'time period'"> <div ng-show="current.type === 'interval'">
<div class="editor-option"> <div class="editor-row">
<label class="small">Values</label> <div class="editor-option">
<input type="text" class="input-xxlarge" ng-model='current.query' placeholder="name"></input> <label class="small">Values</label>
<input type="text" class="input-xxlarge" ng-model='current.query' ng-blur="runQuery()" placeholder="name"></input>
</div>
</div>
<div class="editor-row">
<div class="editor-option text-center">
<label class="small">Include auto interval</label>
<input type="checkbox" ng-model="current.auto" ng-checked="current.auto" ng-change="runQuery()">
</div>
<div class="editor-option" ng-show="current.auto">
<label class="small">Auto interval steps <tip>The number of times the time range should be divided to calculate the interval<tip></label>
<select class="input-mini" ng-model="current.auto_count" ng-options="f for f in [3,4,5,6,7,8,9,10,13,15,16,20,25,30,35,40,50,100,200]" ng-change="runQuery()"></select>
</div>
</div> </div>
</div> </div>
@ -101,7 +113,7 @@
</div> </div>
<div class="editor-option" ng-show="current.includeAll"> <div class="editor-option" ng-show="current.includeAll">
<label class="small">All format</label> <label class="small">All format</label>
<select class="input-medium" ng-model="current.allFormat" ng-change="runQuery()" ng-options="f for f in ['glob', 'wildcard', 'regex wildcard', 'regex all values', 'comma list', 'custom']" ng-change="typeChanged()"></select> <select class="input-medium" ng-model="current.allFormat" ng-change="runQuery()" ng-options="f for f in ['glob', 'wildcard', 'regex wildcard', 'regex all values', 'comma list', 'custom']"></select>
</div> </div>
<div class="editor-option" ng-show="current.includeAll"> <div class="editor-option" ng-show="current.includeAll">
<label class="small">All value</label> <label class="small">All value</label>
@ -119,7 +131,7 @@
{{option.text}} {{option.text}}
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

39
src/app/services/templateSrv.js
View File

@ -10,15 +10,18 @@ function (angular, _) {
module.service('templateSrv', function($q, $routeParams) { module.service('templateSrv', function($q, $routeParams) {
var self = this; var self = this;
this._regex = /\$(\w+)|\[\[([\s\S]+?)\]\]/g;
this._templateData = {};
this._grafanaVariables = {};
this.init = function(variables) { this.init = function(variables) {
this.templateSettings = { interpolate : /\[\[([\s\S]+?)\]\]/g };
this.variables = variables; this.variables = variables;
this.regex = /\$(\w+)|\[\[([\s\S]+?)\]\]/g;
this.updateTemplateData(true); this.updateTemplateData(true);
}; };
this.updateTemplateData = function(initial) { this.updateTemplateData = function(initial) {
var _templateData = {}; var data = {};
_.each(this.variables, function(variable) { _.each(this.variables, function(variable) {
if (initial) { if (initial) {
var urlValue = $routeParams[ variable.name ]; var urlValue = $routeParams[ variable.name ];
@ -26,31 +29,32 @@ function (angular, _) {
variable.current = { text: urlValue, value: urlValue }; variable.current = { text: urlValue, value: urlValue };
} }
} }
if (!variable.current || !variable.current.value) { if (!variable.current || !variable.current.value) {
return; return;
} }
_templateData[variable.name] = variable.current.value; data[variable.name] = variable.current.value;
}); });
this._templateData = _templateData;
this._templateData = data;
}; };
this.setGrafanaVariable = function(name, value) { this.setGrafanaVariable = function (name, value) {
this._templateData[name] = value; this._grafanaVariables[name] = value;
}; };
this.variableExists = function(expression) { this.variableExists = function(expression) {
this.regex.lastIndex = 0; this._regex.lastIndex = 0;
var match = this.regex.exec(expression); var match = this._regex.exec(expression);
return match && (self._templateData[match[1] || match[2]] !== void 0); return match && (self._templateData[match[1] || match[2]] !== void 0);
}; };
this.highlightVariablesAsHtml = function(str) { this.highlightVariablesAsHtml = function(str) {
if (!str || !_.isString(str)) { return str; } if (!str || !_.isString(str)) { return str; }
this.regex.lastIndex = 0; this._regex.lastIndex = 0;
return str.replace(this.regex, function(match, g1, g2) { return str.replace(this._regex, function(match, g1, g2) {
if (self._templateData[g1 || g2]) { if (self._templateData[g1 || g2]) {
return '<span class="template-variable">' + match + '</span>'; return '<span class="template-variable">' + match + '</span>';
} }
@ -60,9 +64,14 @@ function (angular, _) {
this.replace = function(target) { this.replace = function(target) {
if (!target) { return; } if (!target) { return; }
this.regex.lastIndex = 0; var value;
return target.replace(this.regex, function(match, g1, g2) { this._regex.lastIndex = 0;
return self._templateData[g1 || g2] || match;
return target.replace(this._regex, function(match, g1, g2) {
value = self._templateData[g1 || g2];
if (!value) { return match; }
return self._grafanaVariables[value] || value;
}); });
}; };

29
src/app/services/templateValuesSrv.js
View File

@ -8,12 +8,18 @@ function (angular, _, kbn) {
var module = angular.module('grafana.services'); var module = angular.module('grafana.services');
module.service('templateValuesSrv', function($q, $rootScope, datasourceSrv, $routeParams, templateSrv) { module.service('templateValuesSrv', function($q, $rootScope, datasourceSrv, $routeParams, templateSrv, timeSrv) {
var self = this; var self = this;
$rootScope.onAppEvent('time-range-changed', function() {
var variable = _.findWhere(self.variables, { type: 'interval' });
if (variable) {
self.updateAutoInterval(variable);
}
});
this.init = function(dashboard) { this.init = function(dashboard) {
this.variables = dashboard.templating.list; this.variables = dashboard.templating.list;
templateSrv.init(this.variables); templateSrv.init(this.variables);
for (var i = 0; i < this.variables.length; i++) { for (var i = 0; i < this.variables.length; i++) {
@ -21,9 +27,24 @@ function (angular, _, kbn) {
if (param.refresh) { if (param.refresh) {
this.updateOptions(param); this.updateOptions(param);
} }
else if (param.type === 'interval') {
this.updateAutoInterval(param);
}
} }
}; };
this.updateAutoInterval = function(variable) {
if (!variable.auto) { return; }
// add auto option if missing
if (variable.options[0].text !== 'auto') {
variable.options.unshift({ text: 'auto', value: '$__auto_interval' });
}
var interval = kbn.calculateInterval(timeSrv.timeRange(), variable.auto_count);
templateSrv.setGrafanaVariable('$__auto_interval', interval);
};
this.setVariableValue = function(variable, option, recursive) { this.setVariableValue = function(variable, option, recursive) {
variable.current = option; variable.current = option;
@ -51,10 +72,12 @@ function (angular, _, kbn) {
}; };
this.updateOptions = function(variable) { this.updateOptions = function(variable) {
if (variable.type === 'time period') { if (variable.type === 'interval') {
variable.options = _.map(variable.query.split(','), function(text) { variable.options = _.map(variable.query.split(','), function(text) {
return { text: text, value: text }; return { text: text, value: text };
}); });
self.updateAutoInterval(variable);
self.setVariableValue(variable, variable.options[0]); self.setVariableValue(variable, variable.options[0]);
return $q.when([]); return $q.when([]);
} }

1
src/app/services/timeSrv.js
View File

@ -61,6 +61,7 @@ define([
this.old_refresh = null; this.old_refresh = null;
} }
$rootScope.emitAppEvent('time-range-changed', this.time);
$timeout(this.refreshDashboard, 0); $timeout(this.refreshDashboard, 0);
}; };

19
src/test/specs/helpers.js
View File

@ -49,20 +49,28 @@ define([
function ServiceTestContext() { function ServiceTestContext() {
var self = this; var self = this;
self.templateSrv = new TemplateSrvStub(); self.templateSrv = new TemplateSrvStub();
self.timeSrv = new TimeSrvStub();
self.datasourceSrv = {};
this.providePhase = function() { this.providePhase = function(mocks) {
return module(function($provide) { return module(function($provide) {
$provide.value('templateSrv', self.templateSrv); _.each(mocks, function(key) {
$provide.value(key, self[key]);
});
}); });
}; };
this.createService = function(name) { this.createService = function(name) {
return inject([name, '$q', '$rootScope', '$httpBackend', function(service, $q, $rootScope, $httpBackend) { return inject(function($q, $rootScope, $httpBackend, $injector) {
self.service = service;
self.$q = $q; self.$q = $q;
self.$rootScope = $rootScope; self.$rootScope = $rootScope;
self.$httpBackend = $httpBackend; self.$httpBackend = $httpBackend;
}]);
self.$rootScope.onAppEvent = function() {};
self.$rootScope.emitAppEvent = function() {};
self.service = $injector.get(name);
});
}; };
} }
@ -95,6 +103,7 @@ define([
this.replace = function(text) { this.replace = function(text) {
return _.template(text, this.data, this.templateSettings); return _.template(text, this.data, this.templateSettings);
}; };
this.updateTemplateData = function() { };
this.variableExists = function() { return false; }; this.variableExists = function() { return false; };
this.highlightVariablesAsHtml = function(str) { return str; }; this.highlightVariablesAsHtml = function(str) { return str; };
this.setGrafanaVariable = function(name, value) { this.setGrafanaVariable = function(name, value) {

199
src/test/specs/templateValuesSrv-specs.js
View File

@ -1,37 +1,22 @@
define([ define([
'mocks/dashboard-mock', 'mocks/dashboard-mock',
'lodash', './helpers',
'services/templateValuesSrv' 'services/templateValuesSrv'
], function(dashboardMock) { ], function(dashboardMock, helpers) {
'use strict'; 'use strict';
describe('templateValuesSrv', function() { describe('templateValuesSrv', function() {
var _templateValuesSrv; var ctx = new helpers.ServiceTestContext();
var _dashboard;
var _datasourceSrv = {};
var _q;
var _rootScope;
beforeEach(module('grafana.services')); beforeEach(module('grafana.services'));
beforeEach(module(function($provide) { beforeEach(ctx.providePhase(['datasourceSrv', 'timeSrv', 'templateSrv']));
$provide.value('datasourceSrv', _datasourceSrv); beforeEach(ctx.createService('templateValuesSrv'));
$provide.value('templateSrv', {
updateTemplateData: function() {}
});
_dashboard = dashboardMock.create();
}));
beforeEach(inject(function(templateValuesSrv, $rootScope, $q) {
_templateValuesSrv = templateValuesSrv;
_rootScope = $rootScope;
_q = $q;
}));
describe('update time period variable options', function() { describe('update time period variable options', function() {
var variable = { type: 'time period', query: 'auto,1s,2h,5h,1d', name: 'test' }; var variable = { type: 'interval', query: 'auto,1s,2h,5h,1d', name: 'test' };
beforeEach(function() { beforeEach(function() {
_templateValuesSrv.updateOptions(variable); ctx.service.updateOptions(variable);
}); });
it('should update options array', function() { it('should update options array', function() {
@ -43,179 +28,179 @@ define([
function describeUpdateVariable(desc, fn) { function describeUpdateVariable(desc, fn) {
describe(desc, function() { describe(desc, function() {
var ctx = {}; var scenario = {};
ctx.setup = function(setupFn) { scenario.setup = function(setupFn) {
ctx.setupFn = setupFn; scenario.setupFn = setupFn;
}; };
beforeEach(function() { beforeEach(function() {
ctx.setupFn(); scenario.setupFn();
var ds = {}; var ds = {};
ds.metricFindQuery = sinon.stub().returns(_q.when(ctx.queryResult)); ds.metricFindQuery = sinon.stub().returns(ctx.$q.when(scenario.queryResult));
_datasourceSrv.get = sinon.stub().returns(ds); ctx.datasourceSrv.get = sinon.stub().returns(ds);
_templateValuesSrv.updateOptions(ctx.variable); ctx.service.updateOptions(scenario.variable);
_rootScope.$digest(); ctx.$rootScope.$digest();
}); });
fn(ctx); fn(scenario);
}); });
} }
describeUpdateVariable('time period variable ', function(ctx) { describeUpdateVariable('time period variable ', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'time period', query: 'auto,1s,2h,5h,1d', name: 'test' }; scenario.variable = { type: 'interval', query: 'auto,1s,2h,5h,1d', name: 'test' };
}); });
it('should update options array', function() { it('should update options array', function() {
expect(ctx.variable.options.length).to.be(5); expect(scenario.variable.options.length).to.be(5);
expect(ctx.variable.options[1].text).to.be('1s'); expect(scenario.variable.options[1].text).to.be('1s');
expect(ctx.variable.options[1].value).to.be('1s'); expect(scenario.variable.options[1].value).to.be('1s');
}); });
}); });
describeUpdateVariable('basic query variable', function(ctx) { describeUpdateVariable('basic query variable', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}];
}); });
it('should update options array', function() { it('should update options array', function() {
expect(ctx.variable.options.length).to.be(2); expect(scenario.variable.options.length).to.be(2);
expect(ctx.variable.options[0].text).to.be('backend1'); expect(scenario.variable.options[0].text).to.be('backend1');
expect(ctx.variable.options[0].value).to.be('backend1'); expect(scenario.variable.options[0].value).to.be('backend1');
expect(ctx.variable.options[1].value).to.be('backend2'); expect(scenario.variable.options[1].value).to.be('backend2');
}); });
it('should select first option as value', function() { it('should select first option as value', function() {
expect(ctx.variable.current.value).to.be('backend1'); expect(scenario.variable.current.value).to.be('backend1');
}); });
}); });
describeUpdateVariable('and existing value still exists in options', function(ctx) { describeUpdateVariable('and existing value still exists in options', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.current = { value: 'backend2'}; scenario.variable.current = { value: 'backend2'};
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}];
}); });
it('should keep variable value', function() { it('should keep variable value', function() {
expect(ctx.variable.current.value).to.be('backend2'); expect(scenario.variable.current.value).to.be('backend2');
}); });
}); });
describeUpdateVariable('and regex pattern exists', function(ctx) { describeUpdateVariable('and regex pattern exists', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.regex = '/apps.*(backend_[0-9]+)/'; scenario.variable.regex = '/apps.*(backend_[0-9]+)/';
ctx.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}]; scenario.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}];
}); });
it('should extract and use match group', function() { it('should extract and use match group', function() {
expect(ctx.variable.options[0].value).to.be('backend_01'); expect(scenario.variable.options[0].value).to.be('backend_01');
}); });
}); });
describeUpdateVariable('and regex pattern exists and no match', function(ctx) { describeUpdateVariable('and regex pattern exists and no match', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.regex = '/apps.*(backendasd[0-9]+)/'; scenario.variable.regex = '/apps.*(backendasd[0-9]+)/';
ctx.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}]; scenario.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}];
}); });
it('should not add non matching items', function() { it('should not add non matching items', function() {
expect(ctx.variable.options.length).to.be(0); expect(scenario.variable.options.length).to.be(0);
}); });
}); });
describeUpdateVariable('regex pattern without slashes', function(ctx) { describeUpdateVariable('regex pattern without slashes', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.regex = 'backend_01'; scenario.variable.regex = 'backend_01';
ctx.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}]; scenario.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_02.counters.req'}];
}); });
it('should return matches options', function() { it('should return matches options', function() {
expect(ctx.variable.options.length).to.be(1); expect(scenario.variable.options.length).to.be(1);
}); });
}); });
describeUpdateVariable('regex pattern remove duplicates', function(ctx) { describeUpdateVariable('regex pattern remove duplicates', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.regex = 'backend_01'; scenario.variable.regex = 'backend_01';
ctx.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_01.counters.req'}]; scenario.queryResult = [{text: 'apps.backend.backend_01.counters.req'}, {text: 'apps.backend.backend_01.counters.req'}];
}); });
it('should return matches options', function() { it('should return matches options', function() {
expect(ctx.variable.options.length).to.be(1); expect(scenario.variable.options.length).to.be(1);
}); });
}); });
describeUpdateVariable('and existing value still exists in options', function(ctx) { describeUpdateVariable('and existing value still exists in options', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test' };
ctx.variable.current = { value: 'backend2'}; scenario.variable.current = { value: 'backend2'};
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}];
}); });
it('should keep variable value', function() { it('should keep variable value', function() {
expect(ctx.variable.current.value).to.be('backend2'); expect(scenario.variable.current.value).to.be('backend2');
}); });
}); });
describeUpdateVariable('with include All glob syntax', function(ctx) { describeUpdateVariable('with include All glob syntax', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'glob' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'glob' };
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}];
}); });
it('should add All Glob option', function() { it('should add All Glob option', function() {
expect(ctx.variable.options[0].value).to.be('{backend1,backend2,backend3}'); expect(scenario.variable.options[0].value).to.be('{backend1,backend2,backend3}');
}); });
}); });
describeUpdateVariable('with include all wildcard', function(ctx) { describeUpdateVariable('with include all wildcard', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'wildcard' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'wildcard' };
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}];
}); });
it('should add All wildcard option', function() { it('should add All wildcard option', function() {
expect(ctx.variable.options[0].value).to.be('*'); expect(scenario.variable.options[0].value).to.be('*');
}); });
}); });
describeUpdateVariable('with include all wildcard', function(ctx) { describeUpdateVariable('with include all wildcard', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'regex wildcard' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'regex wildcard' };
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}];
}); });
it('should add All wildcard option', function() { it('should add All wildcard option', function() {
expect(ctx.variable.options[0].value).to.be('.*'); expect(scenario.variable.options[0].value).to.be('.*');
}); });
}); });
describeUpdateVariable('with include all regex values', function(ctx) { describeUpdateVariable('with include all regex values', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'wildcard' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'wildcard' };
ctx.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}]; scenario.queryResult = [{text: 'backend1'}, {text: 'backend2'}, { text: 'backend3'}];
}); });
it('should add All wildcard option', function() { it('should add All wildcard option', function() {
expect(ctx.variable.options[0].value).to.be('*'); expect(scenario.variable.options[0].value).to.be('*');
}); });
}); });
describeUpdateVariable('with include all glob no values', function(ctx) { describeUpdateVariable('with include all glob no values', function(scenario) {
ctx.setup(function() { scenario.setup(function() {
ctx.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'glob' }; scenario.variable = { type: 'query', query: 'apps.*', name: 'test', includeAll: true, allFormat: 'glob' };
ctx.queryResult = []; scenario.queryResult = [];
}); });
it('should add empty glob', function() { it('should add empty glob', function() {
expect(ctx.variable.options[0].value).to.be('{}'); expect(scenario.variable.options[0].value).to.be('{}');
}); });
}); });

28
src/test/specs/timeSrv-specs.js
View File

@ -1,35 +1,35 @@
define([ define([
'mocks/dashboard-mock', 'mocks/dashboard-mock',
'./helpers',
'lodash', 'lodash',
'services/timeSrv' 'services/timeSrv'
], function(dashboardMock, _) { ], function(dashboardMock, helpers, _) {
'use strict'; 'use strict';
describe('timeSrv', function() { describe('timeSrv', function() {
var _timeSrv; var ctx = new helpers.ServiceTestContext();
var _dashboard; var _dashboard;
beforeEach(module('grafana.services')); beforeEach(module('grafana.services'));
beforeEach(inject(function(timeSrv) { beforeEach(ctx.providePhase());
_timeSrv = timeSrv; beforeEach(ctx.createService('timeSrv'));
_dashboard = dashboardMock.create();
}));
beforeEach(function() { beforeEach(function() {
_timeSrv.init(_dashboard); _dashboard = dashboardMock.create();
ctx.service.init(_dashboard);
}); });
describe('timeRange', function() { describe('timeRange', function() {
it('should return unparsed when parse is false', function() { it('should return unparsed when parse is false', function() {
_timeSrv.setTime({from: 'now', to: 'now-1h' }); ctx.service.setTime({from: 'now', to: 'now-1h' });
var time = _timeSrv.timeRange(false); var time = ctx.service.timeRange(false);
expect(time.from).to.be('now'); expect(time.from).to.be('now');
expect(time.to).to.be('now-1h'); expect(time.to).to.be('now-1h');
}); });
it('should return parsed when parse is true', function() { it('should return parsed when parse is true', function() {
_timeSrv.setTime({from: 'now', to: 'now-1h' }); ctx.service.setTime({from: 'now', to: 'now-1h' });
var time = _timeSrv.timeRange(true); var time = ctx.service.timeRange(true);
expect(_.isDate(time.from)).to.be(true); expect(_.isDate(time.from)).to.be(true);
expect(_.isDate(time.to)).to.be(true); expect(_.isDate(time.to)).to.be(true);
}); });
@ -39,15 +39,15 @@ define([
it('should return disable refresh for absolute times', function() { it('should return disable refresh for absolute times', function() {
_dashboard.refresh = false; _dashboard.refresh = false;
_timeSrv.setTime({from: '2011-01-01', to: '2015-01-01' }); ctx.service.setTime({from: '2011-01-01', to: '2015-01-01' });
expect(_dashboard.refresh).to.be(false); expect(_dashboard.refresh).to.be(false);
}); });
it('should restore refresh after relative time range is set', function() { it('should restore refresh after relative time range is set', function() {
_dashboard.refresh = '10s'; _dashboard.refresh = '10s';
_timeSrv.setTime({from: '2011-01-01', to: '2015-01-01' }); ctx.service.setTime({from: '2011-01-01', to: '2015-01-01' });
expect(_dashboard.refresh).to.be(false); expect(_dashboard.refresh).to.be(false);
_timeSrv.setTime({from: '2011-01-01', to: 'now' }); ctx.service.setTime({from: '2011-01-01', to: 'now' });
expect(_dashboard.refresh).to.be('10s'); expect(_dashboard.refresh).to.be('10s');
}); });
}); });