* unskipped test and added additional checks when using time picker * rather wait for the timepicker to close * set up test for flaky test runner * Additional .only * Remove .only Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Jean-Louis Leysens <jloleysens@gmail.com>
297 lines
10 KiB
TypeScript
297 lines
10 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 moment from 'moment';
|
|
import { FtrService } from '../ftr_provider_context';
|
|
import { WebElementWrapper } from '../services/lib/web_element_wrapper';
|
|
|
|
export type CommonlyUsed =
|
|
| 'Today'
|
|
| 'This_week'
|
|
| 'Last_15 minutes'
|
|
| 'Last_30 minutes'
|
|
| 'Last_1 hour'
|
|
| 'Last_24 hours'
|
|
| 'Last_7 days'
|
|
| 'Last_30 days'
|
|
| 'Last_90 days'
|
|
| 'Last_1 year';
|
|
|
|
export class TimePickerPageObject extends FtrService {
|
|
private readonly log = this.ctx.getService('log');
|
|
private readonly find = this.ctx.getService('find');
|
|
private readonly browser = this.ctx.getService('browser');
|
|
private readonly retry = this.ctx.getService('retry');
|
|
private readonly testSubjects = this.ctx.getService('testSubjects');
|
|
private readonly header = this.ctx.getPageObject('header');
|
|
private readonly kibanaServer = this.ctx.getService('kibanaServer');
|
|
|
|
private readonly quickSelectTimeMenuToggle = this.ctx.getService('menuToggle').create({
|
|
name: 'QuickSelectTime Menu',
|
|
menuTestSubject: 'superDatePickerQuickMenu',
|
|
toggleButtonTestSubject: 'superDatePickerToggleQuickMenuButton',
|
|
});
|
|
|
|
public readonly defaultStartTime = 'Sep 19, 2015 @ 06:31:44.000';
|
|
public readonly defaultEndTime = 'Sep 23, 2015 @ 18:31:44.000';
|
|
public readonly defaultStartTimeUTC = '2015-09-18T06:31:44.000Z';
|
|
public readonly defaultEndTimeUTC = '2015-09-23T18:31:44.000Z';
|
|
|
|
async setDefaultAbsoluteRange() {
|
|
await this.setAbsoluteRange(this.defaultStartTime, this.defaultEndTime);
|
|
}
|
|
|
|
async ensureHiddenNoDataPopover() {
|
|
const isVisible = await this.testSubjects.exists('noDataPopoverDismissButton');
|
|
if (isVisible) {
|
|
await this.testSubjects.click('noDataPopoverDismissButton');
|
|
}
|
|
}
|
|
|
|
/**
|
|
* the provides a quicker way to set the timepicker to the default range, saves a few seconds
|
|
*/
|
|
async setDefaultAbsoluteRangeViaUiSettings() {
|
|
await this.kibanaServer.uiSettings.update({
|
|
'timepicker:timeDefaults': `{ "from": "${this.defaultStartTimeUTC}", "to": "${this.defaultEndTimeUTC}"}`,
|
|
});
|
|
}
|
|
|
|
async resetDefaultAbsoluteRangeViaUiSettings() {
|
|
await this.kibanaServer.uiSettings.replace({});
|
|
}
|
|
|
|
private async getTimePickerPanel() {
|
|
return await this.retry.try(async () => {
|
|
return await this.find.byCssSelector('div.euiPopover__panel-isOpen');
|
|
});
|
|
}
|
|
|
|
private async waitPanelIsGone(panelElement: WebElementWrapper) {
|
|
await this.find.waitForElementStale(panelElement);
|
|
}
|
|
|
|
public async timePickerExists() {
|
|
return await this.testSubjects.exists('superDatePickerToggleQuickMenuButton');
|
|
}
|
|
|
|
/**
|
|
* Sets commonly used time
|
|
* @param option 'Today' | 'This_week' | 'Last_15 minutes' | 'Last_24 hours' ...
|
|
*/
|
|
async setCommonlyUsedTime(option: CommonlyUsed | string) {
|
|
await this.testSubjects.click('superDatePickerToggleQuickMenuButton');
|
|
await this.testSubjects.click(`superDatePickerCommonlyUsed_${option}`);
|
|
}
|
|
|
|
public async inputValue(dataTestSubj: string, value: string) {
|
|
if (this.browser.isFirefox) {
|
|
const input = await this.testSubjects.find(dataTestSubj);
|
|
await input.clearValue();
|
|
await input.type(value);
|
|
} else {
|
|
await this.testSubjects.setValue(dataTestSubj, value);
|
|
}
|
|
}
|
|
|
|
private async showStartEndTimes() {
|
|
// This first await makes sure the superDatePicker has loaded before we check for the ShowDatesButton
|
|
await this.testSubjects.exists('superDatePickerToggleQuickMenuButton', { timeout: 20000 });
|
|
const isShowDatesButton = await this.testSubjects.exists('superDatePickerShowDatesButton');
|
|
if (isShowDatesButton) {
|
|
await this.testSubjects.click('superDatePickerShowDatesButton');
|
|
}
|
|
await this.testSubjects.exists('superDatePickerstartDatePopoverButton');
|
|
}
|
|
|
|
/**
|
|
* @param {String} fromTime MMM D, YYYY @ HH:mm:ss.SSS
|
|
* @param {String} toTime MMM D, YYYY @ HH:mm:ss.SSS
|
|
*/
|
|
public async setAbsoluteRange(fromTime: string, toTime: string) {
|
|
this.log.debug(`Setting absolute range to ${fromTime} to ${toTime}`);
|
|
await this.showStartEndTimes();
|
|
|
|
// set to time
|
|
await this.testSubjects.click('superDatePickerendDatePopoverButton');
|
|
let panel = await this.getTimePickerPanel();
|
|
await this.testSubjects.click('superDatePickerAbsoluteTab');
|
|
await this.testSubjects.click('superDatePickerAbsoluteDateInput');
|
|
await this.inputValue('superDatePickerAbsoluteDateInput', toTime);
|
|
await this.browser.pressKeys(this.browser.keys.ESCAPE); // close popover because sometimes browser can't find start input
|
|
|
|
// set from time
|
|
await this.testSubjects.click('superDatePickerstartDatePopoverButton');
|
|
await this.waitPanelIsGone(panel);
|
|
panel = await this.getTimePickerPanel();
|
|
await this.testSubjects.click('superDatePickerAbsoluteTab');
|
|
await this.testSubjects.click('superDatePickerAbsoluteDateInput');
|
|
await this.inputValue('superDatePickerAbsoluteDateInput', fromTime);
|
|
await this.browser.pressKeys(this.browser.keys.ESCAPE);
|
|
|
|
await this.retry.waitFor('Timepicker popover to close', async () => {
|
|
return !(await this.testSubjects.exists('superDatePickerAbsoluteDateInput'));
|
|
});
|
|
|
|
const superDatePickerApplyButtonExists = await this.testSubjects.exists(
|
|
'superDatePickerApplyTimeButton'
|
|
);
|
|
if (superDatePickerApplyButtonExists) {
|
|
// Timepicker is in top nav
|
|
// Click super date picker apply button to apply time range
|
|
await this.testSubjects.click('superDatePickerApplyTimeButton');
|
|
} else {
|
|
// Timepicker is embedded in query bar
|
|
// click query bar submit button to apply time range
|
|
await this.testSubjects.click('querySubmitButton');
|
|
}
|
|
|
|
await this.waitPanelIsGone(panel);
|
|
await this.header.awaitGlobalLoadingIndicatorHidden();
|
|
}
|
|
|
|
public async isOff() {
|
|
return await this.find.existsByCssSelector('.euiDatePickerRange--readOnly');
|
|
}
|
|
|
|
public async getRefreshConfig(keepQuickSelectOpen = false) {
|
|
await this.quickSelectTimeMenuToggle.open();
|
|
const interval = await this.testSubjects.getAttribute(
|
|
'superDatePickerRefreshIntervalInput',
|
|
'value'
|
|
);
|
|
|
|
let selectedUnit;
|
|
const select = await this.testSubjects.find('superDatePickerRefreshIntervalUnitsSelect');
|
|
const options = await this.find.allDescendantDisplayedByCssSelector('option', select);
|
|
await Promise.all(
|
|
options.map(async (optionElement) => {
|
|
const isSelected = await optionElement.isSelected();
|
|
if (isSelected) {
|
|
selectedUnit = await optionElement.getVisibleText();
|
|
}
|
|
})
|
|
);
|
|
|
|
const toggleButtonText = await this.testSubjects.getVisibleText(
|
|
'superDatePickerToggleRefreshButton'
|
|
);
|
|
if (!keepQuickSelectOpen) {
|
|
await this.quickSelectTimeMenuToggle.close();
|
|
}
|
|
|
|
return {
|
|
interval,
|
|
units: selectedUnit,
|
|
isPaused: toggleButtonText === 'Start' ? true : false,
|
|
};
|
|
}
|
|
|
|
public async getTimeConfig() {
|
|
await this.showStartEndTimes();
|
|
const start = await this.testSubjects.getVisibleText('superDatePickerstartDatePopoverButton');
|
|
const end = await this.testSubjects.getVisibleText('superDatePickerendDatePopoverButton');
|
|
return {
|
|
start,
|
|
end,
|
|
};
|
|
}
|
|
|
|
public async getShowDatesButtonText() {
|
|
const button = await this.testSubjects.find('superDatePickerShowDatesButton');
|
|
const text = await button.getVisibleText();
|
|
return text;
|
|
}
|
|
|
|
public async getTimeDurationForSharing() {
|
|
return await this.testSubjects.getAttribute(
|
|
'dataSharedTimefilterDuration',
|
|
'data-shared-timefilter-duration'
|
|
);
|
|
}
|
|
|
|
public async getTimeConfigAsAbsoluteTimes() {
|
|
await this.showStartEndTimes();
|
|
|
|
// get to time
|
|
await this.testSubjects.click('superDatePickerendDatePopoverButton');
|
|
const panel = await this.getTimePickerPanel();
|
|
await this.testSubjects.click('superDatePickerAbsoluteTab');
|
|
const end = await this.testSubjects.getAttribute('superDatePickerAbsoluteDateInput', 'value');
|
|
|
|
// get from time
|
|
await this.testSubjects.click('superDatePickerstartDatePopoverButton');
|
|
await this.waitPanelIsGone(panel);
|
|
await this.testSubjects.click('superDatePickerAbsoluteTab');
|
|
const start = await this.testSubjects.getAttribute('superDatePickerAbsoluteDateInput', 'value');
|
|
|
|
return {
|
|
start,
|
|
end,
|
|
};
|
|
}
|
|
|
|
public async getTimeDurationInHours() {
|
|
const DEFAULT_DATE_FORMAT = 'MMM D, YYYY @ HH:mm:ss.SSS';
|
|
const { start, end } = await this.getTimeConfigAsAbsoluteTimes();
|
|
const startMoment = moment(start, DEFAULT_DATE_FORMAT);
|
|
const endMoment = moment(end, DEFAULT_DATE_FORMAT);
|
|
return moment.duration(endMoment.diff(startMoment)).asHours();
|
|
}
|
|
|
|
public async startAutoRefresh(intervalS = 3) {
|
|
await this.quickSelectTimeMenuToggle.open();
|
|
await this.inputValue('superDatePickerRefreshIntervalInput', intervalS.toString());
|
|
const refreshConfig = await this.getRefreshConfig(true);
|
|
if (refreshConfig.isPaused) {
|
|
this.log.debug('start auto refresh');
|
|
await this.testSubjects.click('superDatePickerToggleRefreshButton');
|
|
}
|
|
await this.quickSelectTimeMenuToggle.close();
|
|
}
|
|
|
|
public async pauseAutoRefresh() {
|
|
this.log.debug('pauseAutoRefresh');
|
|
const refreshConfig = await this.getRefreshConfig(true);
|
|
|
|
if (!refreshConfig.isPaused) {
|
|
this.log.debug('pause auto refresh');
|
|
await this.testSubjects.click('superDatePickerToggleRefreshButton');
|
|
}
|
|
|
|
await this.quickSelectTimeMenuToggle.close();
|
|
}
|
|
|
|
public async resumeAutoRefresh() {
|
|
this.log.debug('resumeAutoRefresh');
|
|
const refreshConfig = await this.getRefreshConfig(true);
|
|
if (refreshConfig.isPaused) {
|
|
this.log.debug('resume auto refresh');
|
|
await this.testSubjects.click('superDatePickerToggleRefreshButton');
|
|
}
|
|
|
|
await this.quickSelectTimeMenuToggle.close();
|
|
}
|
|
|
|
public async setHistoricalDataRange() {
|
|
await this.setDefaultAbsoluteRange();
|
|
}
|
|
|
|
public async setDefaultDataRange() {
|
|
const fromTime = 'Jan 1, 2018 @ 00:00:00.000';
|
|
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
|
await this.setAbsoluteRange(fromTime, toTime);
|
|
}
|
|
|
|
public async setLogstashDataRange() {
|
|
const fromTime = 'Apr 9, 2018 @ 00:00:00.000';
|
|
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
|
await this.setAbsoluteRange(fromTime, toTime);
|
|
}
|
|
}
|