212 lines
7.5 KiB
TypeScript
212 lines
7.5 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 { FtrService } from '../ftr_provider_context';
|
|
|
|
export class SavedQueryManagementComponentService extends FtrService {
|
|
private readonly testSubjects = this.ctx.getService('testSubjects');
|
|
private readonly queryBar = this.ctx.getService('queryBar');
|
|
private readonly retry = this.ctx.getService('retry');
|
|
private readonly config = this.ctx.getService('config');
|
|
private readonly common = this.ctx.getPageObject('common');
|
|
|
|
public async getCurrentlyLoadedQueryID() {
|
|
await this.openSavedQueryManagementComponent();
|
|
try {
|
|
return await this.testSubjects.getVisibleText('~saved-query-list-item-selected');
|
|
} catch {
|
|
return undefined;
|
|
}
|
|
}
|
|
|
|
public async saveNewQuery(
|
|
name: string,
|
|
description: string,
|
|
includeFilters: boolean,
|
|
includeTimeFilter: boolean
|
|
) {
|
|
await this.openSaveCurrentQueryModal();
|
|
await this.submitSaveQueryForm(name, description, includeFilters, includeTimeFilter);
|
|
}
|
|
|
|
public async saveNewQueryWithNameError(name?: string) {
|
|
await this.openSaveCurrentQueryModal();
|
|
if (name) {
|
|
await this.testSubjects.setValue('saveQueryFormTitle', name);
|
|
}
|
|
|
|
// Form input validation only happens onBlur. Clicking the save button should de-focus the
|
|
// input element and the validation should prevent a save from actually happening if there's
|
|
// an error.
|
|
await this.testSubjects.click('savedQueryFormSaveButton');
|
|
|
|
await this.retry.waitForWithTimeout('save button to be disabled', 1000, async () => {
|
|
const saveQueryFormSaveButtonStatus = await this.testSubjects.isEnabled(
|
|
'savedQueryFormSaveButton'
|
|
);
|
|
return saveQueryFormSaveButtonStatus === false;
|
|
});
|
|
|
|
await this.testSubjects.click('savedQueryFormCancelButton');
|
|
}
|
|
|
|
public async saveCurrentlyLoadedAsNewQuery(
|
|
name: string,
|
|
description: string,
|
|
includeFilters: boolean,
|
|
includeTimeFilter: boolean
|
|
) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.click('saved-query-management-save-as-new-button');
|
|
await this.submitSaveQueryForm(name, description, includeFilters, includeTimeFilter);
|
|
}
|
|
|
|
public async updateCurrentlyLoadedQuery(
|
|
description: string,
|
|
includeFilters: boolean,
|
|
includeTimeFilter: boolean
|
|
) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.click('saved-query-management-save-changes-button');
|
|
await this.submitSaveQueryForm(null, description, includeFilters, includeTimeFilter);
|
|
}
|
|
|
|
public async loadSavedQuery(title: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.click(`~load-saved-query-${title}-button`);
|
|
await this.retry.try(async () => {
|
|
await this.openSavedQueryManagementComponent();
|
|
const selectedSavedQueryText = await this.testSubjects.getVisibleText(
|
|
'~saved-query-list-item-selected'
|
|
);
|
|
expect(selectedSavedQueryText).to.eql(title);
|
|
});
|
|
await this.closeSavedQueryManagementComponent();
|
|
}
|
|
|
|
public async deleteSavedQuery(title: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.click(`~delete-saved-query-${title}-button`);
|
|
await this.common.clickConfirmOnModal();
|
|
}
|
|
|
|
async clearCurrentlyLoadedQuery() {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.click('saved-query-management-clear-button');
|
|
await this.closeSavedQueryManagementComponent();
|
|
const queryString = await this.queryBar.getQueryString();
|
|
expect(queryString).to.be.empty();
|
|
}
|
|
|
|
async submitSaveQueryForm(
|
|
title: string | null,
|
|
description: string,
|
|
includeFilters: boolean,
|
|
includeTimeFilter: boolean
|
|
) {
|
|
if (title) {
|
|
await this.testSubjects.setValue('saveQueryFormTitle', title);
|
|
}
|
|
await this.testSubjects.setValue('saveQueryFormDescription', description);
|
|
|
|
const currentIncludeFiltersValue =
|
|
(await this.testSubjects.getAttribute(
|
|
'saveQueryFormIncludeFiltersOption',
|
|
'aria-checked'
|
|
)) === 'true';
|
|
if (currentIncludeFiltersValue !== includeFilters) {
|
|
await this.testSubjects.click('saveQueryFormIncludeFiltersOption');
|
|
}
|
|
|
|
const currentIncludeTimeFilterValue =
|
|
(await this.testSubjects.getAttribute(
|
|
'saveQueryFormIncludeTimeFilterOption',
|
|
'aria-checked'
|
|
)) === 'true';
|
|
if (currentIncludeTimeFilterValue !== includeTimeFilter) {
|
|
await this.testSubjects.click('saveQueryFormIncludeTimeFilterOption');
|
|
}
|
|
|
|
await this.testSubjects.click('savedQueryFormSaveButton');
|
|
}
|
|
|
|
async savedQueryExist(title: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
const exists = await this.testSubjects.exists(`~load-saved-query-${title}-button`);
|
|
await this.closeSavedQueryManagementComponent();
|
|
return exists;
|
|
}
|
|
|
|
async savedQueryExistOrFail(title: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.existOrFail(`~load-saved-query-${title}-button`);
|
|
}
|
|
|
|
async savedQueryTextExist(text: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
const queryString = await this.queryBar.getQueryString();
|
|
expect(queryString).to.eql(text);
|
|
}
|
|
|
|
async savedQueryMissingOrFail(title: string) {
|
|
await this.retry.try(async () => {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.missingOrFail(`~load-saved-query-${title}-button`);
|
|
});
|
|
await this.closeSavedQueryManagementComponent();
|
|
}
|
|
|
|
async openSavedQueryManagementComponent() {
|
|
const isOpenAlready = await this.testSubjects.exists('saved-query-management-popover');
|
|
if (isOpenAlready) return;
|
|
|
|
await this.retry.waitFor('saved query management popover to have any text', async () => {
|
|
await this.testSubjects.click('saved-query-management-popover-button');
|
|
const queryText = await this.testSubjects.getVisibleText('saved-query-management-popover');
|
|
return queryText.length > 0;
|
|
});
|
|
}
|
|
|
|
async closeSavedQueryManagementComponent() {
|
|
const isOpenAlready = await this.testSubjects.exists('saved-query-management-popover');
|
|
if (!isOpenAlready) return;
|
|
|
|
await this.retry.try(async () => {
|
|
await this.testSubjects.click('saved-query-management-popover-button');
|
|
await this.testSubjects.missingOrFail('saved-query-management-popover');
|
|
});
|
|
}
|
|
|
|
async openSaveCurrentQueryModal() {
|
|
await this.openSavedQueryManagementComponent();
|
|
|
|
await this.retry.try(async () => {
|
|
await this.testSubjects.click('saved-query-management-save-button');
|
|
await this.testSubjects.existOrFail('saveQueryForm', {
|
|
timeout: this.config.get('timeouts.waitForExists'),
|
|
});
|
|
});
|
|
}
|
|
|
|
async saveNewQueryMissingOrFail() {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.missingOrFail('saved-query-management-save-button');
|
|
}
|
|
|
|
async updateCurrentlyLoadedQueryMissingOrFail() {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.missingOrFail('saved-query-management-save-changes-button');
|
|
}
|
|
|
|
async deleteSavedQueryMissingOrFail(title: string) {
|
|
await this.openSavedQueryManagementComponent();
|
|
await this.testSubjects.missingOrFail(`delete-saved-query-${title}-button`);
|
|
}
|
|
}
|