* [TSVB] Enable `dual mode`, support index patterns and strings * modify UI * add migration script * refactoring * fix CI * prefill the index pattern name * modify UI * modify UI * update UI * fix functional test * some work * remove callouts * fix rollup test * update UI * fix typo * add some unit tests * add functional test * fix CI * correct labels * fix ci group 12 * cleanup interface * fix CI * cleanup API * fix some of PR comments * move index patterns into so references * remove wrong logic * fix JEST * fix some ui issues * update sample data * indexPatternObject -> indexPatternValue * fix comments * I have a dashboard with two TSVB viz. One with the default (haven't applied it to the combobox) and one with the logs. The filter contains fields only from the logs index pattern * When I am on the string mode and try to write my index, sometimes some of the chars are not added or they are deleted while typing, something with the denounce maybe? * fix merge conflicts * Does this PR also supports runtime fields? I created one from the editor and I see that I can select it * fix UI issue * If I create a viz with the string mode and a wildcard e.g. kibana_sample*, the index patterns are not communicated correctly to the dashboard. * fix import/export refs for dashboard * remove MigrationPopover Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
231 lines
9.1 KiB
TypeScript
231 lines
9.1 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0 and the Server Side Public License, v 1; you may not use this file except
|
|
* in compliance with, at your election, the Elastic License 2.0 or the Server
|
|
* Side Public License, v 1.
|
|
*/
|
|
|
|
import expect from '@kbn/expect';
|
|
|
|
import { FtrProviderContext } from '../../ftr_provider_context';
|
|
|
|
export default function ({ getService, getPageObjects }: FtrProviderContext) {
|
|
const browser = getService('browser');
|
|
const esArchiver = getService('esArchiver');
|
|
const log = getService('log');
|
|
const inspector = getService('inspector');
|
|
const retry = getService('retry');
|
|
const security = getService('security');
|
|
const PageObjects = getPageObjects([
|
|
'visualize',
|
|
'visualBuilder',
|
|
'timePicker',
|
|
'visChart',
|
|
'common',
|
|
]);
|
|
|
|
describe('visual builder', function describeIndexTests() {
|
|
this.tags('includeFirefox');
|
|
beforeEach(async () => {
|
|
await security.testUser.setRoles([
|
|
'kibana_admin',
|
|
'test_logstash_reader',
|
|
'kibana_sample_admin',
|
|
]);
|
|
await PageObjects.visualize.navigateToNewVisualization();
|
|
await PageObjects.visualize.clickVisualBuilder();
|
|
await PageObjects.visualBuilder.checkVisualBuilderIsPresent();
|
|
});
|
|
|
|
describe('metric', () => {
|
|
beforeEach(async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
await PageObjects.visualBuilder.clickMetric();
|
|
await PageObjects.visualBuilder.checkMetricTabIsPresent();
|
|
});
|
|
|
|
it('should not have inspector enabled', async () => {
|
|
await inspector.expectIsNotEnabled();
|
|
});
|
|
|
|
it('should show correct data', async () => {
|
|
const value = await PageObjects.visualBuilder.getMetricValue();
|
|
expect(value).to.eql('156');
|
|
});
|
|
|
|
it('should show correct data with Math Aggregation', async () => {
|
|
await PageObjects.visualBuilder.createNewAgg();
|
|
await PageObjects.visualBuilder.selectAggType('math', 1);
|
|
await PageObjects.visualBuilder.fillInVariable();
|
|
await PageObjects.visualBuilder.fillInExpression('params.test + 1');
|
|
const value = await PageObjects.visualBuilder.getMetricValue();
|
|
expect(value).to.eql('157');
|
|
});
|
|
|
|
it('should populate fields for basic functions', async () => {
|
|
const { visualBuilder } = PageObjects;
|
|
|
|
await visualBuilder.selectAggType('Average');
|
|
await visualBuilder.setFieldForAggregation('machine.ram');
|
|
const isFieldForAggregationValid = await visualBuilder.checkFieldForAggregationValidity();
|
|
|
|
expect(isFieldForAggregationValid).to.be(true);
|
|
});
|
|
});
|
|
|
|
describe('gauge', () => {
|
|
beforeEach(async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
await PageObjects.visualBuilder.clickGauge();
|
|
await PageObjects.visualBuilder.checkGaugeTabIsPresent();
|
|
});
|
|
|
|
it('should verify gauge label and count display', async () => {
|
|
await PageObjects.visChart.waitForVisualizationRenderingStabilized();
|
|
const labelString = await PageObjects.visualBuilder.getGaugeLabel();
|
|
expect(labelString).to.be('Count');
|
|
const gaugeCount = await PageObjects.visualBuilder.getGaugeCount();
|
|
expect(gaugeCount).to.be('156');
|
|
});
|
|
});
|
|
|
|
describe('topN', () => {
|
|
beforeEach(async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
await PageObjects.visualBuilder.clickTopN();
|
|
await PageObjects.visualBuilder.checkTopNTabIsPresent();
|
|
});
|
|
|
|
it('should verify topN label and count display', async () => {
|
|
await PageObjects.visChart.waitForVisualizationRenderingStabilized();
|
|
const labelString = await PageObjects.visualBuilder.getTopNLabel();
|
|
expect(labelString).to.be('Count');
|
|
const gaugeCount = await PageObjects.visualBuilder.getTopNCount();
|
|
expect(gaugeCount).to.be('156');
|
|
});
|
|
});
|
|
|
|
describe('switch index patterns', () => {
|
|
before(async () => {
|
|
await esArchiver.loadIfNeeded('index_pattern_without_timefield');
|
|
});
|
|
|
|
beforeEach(async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
await PageObjects.visualBuilder.clickMetric();
|
|
await PageObjects.visualBuilder.checkMetricTabIsPresent();
|
|
await PageObjects.timePicker.setAbsoluteRange(
|
|
'Sep 22, 2019 @ 00:00:00.000',
|
|
'Sep 23, 2019 @ 00:00:00.000'
|
|
);
|
|
});
|
|
|
|
after(async () => {
|
|
await security.testUser.restoreDefaults();
|
|
await esArchiver.unload('index_pattern_without_timefield');
|
|
});
|
|
|
|
const switchIndexTest = async (useKibanaIndexes: boolean) => {
|
|
await PageObjects.visualBuilder.clickPanelOptions('metric');
|
|
await PageObjects.visualBuilder.setIndexPatternValue('', false);
|
|
|
|
const value = await PageObjects.visualBuilder.getMetricValue();
|
|
expect(value).to.eql('0');
|
|
|
|
// Sometimes popovers take some time to appear in Firefox (#71979)
|
|
await retry.tryForTime(20000, async () => {
|
|
await PageObjects.visualBuilder.setIndexPatternValue('with-timefield', useKibanaIndexes);
|
|
await PageObjects.visualBuilder.waitForIndexPatternTimeFieldOptionsLoaded();
|
|
await PageObjects.visualBuilder.selectIndexPatternTimeField('timestamp');
|
|
});
|
|
const newValue = await PageObjects.visualBuilder.getMetricValue();
|
|
expect(newValue).to.eql('1');
|
|
};
|
|
|
|
it('should be able to switch using text mode selection', async () => {
|
|
await switchIndexTest(false);
|
|
});
|
|
|
|
it('should be able to switch combo box mode selection', async () => {
|
|
await switchIndexTest(true);
|
|
});
|
|
});
|
|
|
|
describe('browser history changes', () => {
|
|
it('should activate previous/next chart tab and panel config', async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
|
|
log.debug('Click metric chart');
|
|
await PageObjects.visualBuilder.clickMetric();
|
|
await PageObjects.visualBuilder.checkMetricTabIsPresent();
|
|
await PageObjects.visualBuilder.checkTabIsSelected('metric');
|
|
|
|
log.debug('Click Top N chart');
|
|
await PageObjects.visualBuilder.clickTopN();
|
|
await PageObjects.visualBuilder.checkTopNTabIsPresent();
|
|
await PageObjects.visualBuilder.checkTabIsSelected('top_n');
|
|
|
|
log.debug('Go back in browser history');
|
|
await browser.goBack();
|
|
|
|
log.debug('Check metric chart and panel config is rendered');
|
|
await PageObjects.visualBuilder.checkMetricTabIsPresent();
|
|
await PageObjects.visualBuilder.checkTabIsSelected('metric');
|
|
await PageObjects.visualBuilder.checkPanelConfigIsPresent('metric');
|
|
|
|
log.debug('Go back in browser history');
|
|
await browser.goBack();
|
|
|
|
log.debug('Check timeseries chart and panel config is rendered');
|
|
await retry.try(async () => {
|
|
await PageObjects.visualBuilder.checkTimeSeriesChartIsPresent();
|
|
await PageObjects.visualBuilder.checkTabIsSelected('timeseries');
|
|
await PageObjects.visualBuilder.checkPanelConfigIsPresent('timeseries');
|
|
});
|
|
|
|
log.debug('Go forward in browser history');
|
|
await browser.goForward();
|
|
|
|
log.debug('Check metric chart and panel config is rendered');
|
|
await PageObjects.visualBuilder.checkMetricTabIsPresent();
|
|
await PageObjects.visualBuilder.checkTabIsSelected('metric');
|
|
await PageObjects.visualBuilder.checkPanelConfigIsPresent('metric');
|
|
});
|
|
|
|
it('should update panel config', async () => {
|
|
await PageObjects.visualBuilder.resetPage();
|
|
|
|
const initialLegendItems = ['Count: 156'];
|
|
const finalLegendItems = ['jpg: 106', 'css: 22', 'png: 14', 'gif: 8', 'php: 6'];
|
|
|
|
log.debug('Group metrics by terms: extension.raw');
|
|
await PageObjects.visualBuilder.setMetricsGroupByTerms('extension.raw');
|
|
await PageObjects.visChart.waitForVisualizationRenderingStabilized();
|
|
const legendItems1 = await PageObjects.visualBuilder.getLegendItemsContent();
|
|
expect(legendItems1).to.eql(finalLegendItems);
|
|
|
|
log.debug('Go back in browser history');
|
|
await browser.goBack();
|
|
const isTermsSelected = await PageObjects.visualBuilder.checkSelectedMetricsGroupByValue(
|
|
'Terms'
|
|
);
|
|
expect(isTermsSelected).to.be(true);
|
|
|
|
log.debug('Go back in browser history');
|
|
await browser.goBack();
|
|
await PageObjects.visualBuilder.checkSelectedMetricsGroupByValue('Everything');
|
|
await PageObjects.visChart.waitForVisualizationRenderingStabilized();
|
|
const legendItems2 = await PageObjects.visualBuilder.getLegendItemsContent();
|
|
expect(legendItems2).to.eql(initialLegendItems);
|
|
|
|
log.debug('Go forward twice in browser history');
|
|
await browser.goForward();
|
|
await browser.goForward();
|
|
await PageObjects.visChart.waitForVisualizationRenderingStabilized();
|
|
const legendItems3 = await PageObjects.visualBuilder.getLegendItemsContent();
|
|
expect(legendItems3).to.eql(finalLegendItems);
|
|
});
|
|
});
|
|
});
|
|
}
|