090d0abd11
Co-authored-by: spalger <spalger@users.noreply.github.com>
272 lines
8.6 KiB
TypeScript
272 lines
8.6 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 { chunk } from 'lodash';
|
|
import { FtrService } from '../ftr_provider_context';
|
|
import { WebElementWrapper } from './lib/web_element_wrapper';
|
|
|
|
export interface TabbedGridData {
|
|
columns: string[];
|
|
rows: string[][];
|
|
}
|
|
interface SelectOptions {
|
|
isAnchorRow?: boolean;
|
|
rowIndex: number;
|
|
}
|
|
|
|
export class DataGridService extends FtrService {
|
|
private readonly find = this.ctx.getService('find');
|
|
private readonly testSubjects = this.ctx.getService('testSubjects');
|
|
private readonly header = this.ctx.getPageObject('header');
|
|
private readonly retry = this.ctx.getService('retry');
|
|
|
|
async getDataGridTableData(): Promise<TabbedGridData> {
|
|
const table = await this.find.byCssSelector('.euiDataGrid');
|
|
const $ = await table.parseDomContent();
|
|
|
|
const columns = $('.euiDataGridHeaderCell__content')
|
|
.toArray()
|
|
.map((cell) => $(cell).text());
|
|
const cells = $.findTestSubjects('dataGridRowCell')
|
|
.toArray()
|
|
.map((cell) => $(cell).text());
|
|
|
|
const rows = chunk(cells, columns.length);
|
|
|
|
return {
|
|
columns,
|
|
rows,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Converts the data grid data into nested array
|
|
* [ [cell1_in_row1, cell2_in_row1], [cell1_in_row2, cell2_in_row2] ]
|
|
* @param element table
|
|
*/
|
|
public async getDataFromElement(
|
|
element: WebElementWrapper,
|
|
cellDataTestSubj: string
|
|
): Promise<string[][]> {
|
|
const $ = await element.parseDomContent();
|
|
const columnNumber = $('.euiDataGridHeaderCell__content').length;
|
|
const cells = $.findTestSubjects('dataGridRowCell')
|
|
.toArray()
|
|
.map((cell) =>
|
|
$(cell)
|
|
.findTestSubject(cellDataTestSubj)
|
|
.text()
|
|
.replace(/ /g, '')
|
|
.trim()
|
|
);
|
|
|
|
return chunk(cells, columnNumber);
|
|
}
|
|
|
|
/**
|
|
* Returns an array of data grid headers names
|
|
*/
|
|
public async getHeaders() {
|
|
const header = await this.testSubjects.find('dataGridWrapper > dataGridHeader');
|
|
const $ = await header.parseDomContent();
|
|
return $('.euiDataGridHeaderCell__content')
|
|
.toArray()
|
|
.map((cell) => $(cell).text());
|
|
}
|
|
|
|
/**
|
|
* Returns a grid cell element by row & column indexes.
|
|
* The row offset equals 1 since the first row of data grid is the header row.
|
|
* @param rowIndex data row index starting from 1 (1 means 1st row)
|
|
* @param columnIndex column index starting from 1 (1 means 1st column)
|
|
*/
|
|
public async getCellElement(rowIndex: number, columnIndex: number) {
|
|
const table = await this.find.byCssSelector('.euiDataGrid');
|
|
const $ = await table.parseDomContent();
|
|
const columnNumber = $('.euiDataGridHeaderCell__content').length;
|
|
return await this.find.byCssSelector(
|
|
`[data-test-subj="dataGridWrapper"] [data-test-subj="dataGridRowCell"]:nth-of-type(${
|
|
columnNumber * (rowIndex - 1) + columnIndex + 1
|
|
})`
|
|
);
|
|
}
|
|
|
|
public async getDocCount(): Promise<number> {
|
|
const grid = await this.find.byCssSelector('[data-document-number]');
|
|
return Number(await grid.getAttribute('data-document-number'));
|
|
}
|
|
|
|
public async getFields() {
|
|
const cells = await this.find.allByCssSelector('.euiDataGridRowCell');
|
|
|
|
const rows: string[][] = [];
|
|
let rowIdx = -1;
|
|
for (const cell of cells) {
|
|
if (await cell.elementHasClass('euiDataGridRowCell--firstColumn')) {
|
|
// first column contains expand icon
|
|
rowIdx++;
|
|
rows[rowIdx] = [];
|
|
}
|
|
if (!(await cell.elementHasClass('euiDataGridRowCell--controlColumn'))) {
|
|
rows[rowIdx].push(await cell.getVisibleText());
|
|
}
|
|
}
|
|
return rows;
|
|
}
|
|
|
|
public async getTable(selector: string = 'docTable') {
|
|
return await this.testSubjects.find(selector);
|
|
}
|
|
|
|
public async getBodyRows(): Promise<WebElementWrapper[][]> {
|
|
return this.getDocTableRows();
|
|
}
|
|
|
|
/**
|
|
* Returns an array of rows (which are array of cells)
|
|
*/
|
|
public async getDocTableRows() {
|
|
const table = await this.getTable();
|
|
if (!table) {
|
|
return [];
|
|
}
|
|
|
|
const cells = await table.findAllByCssSelector('.euiDataGridRowCell');
|
|
|
|
const rows: WebElementWrapper[][] = [];
|
|
let rowIdx = -1;
|
|
for (const cell of cells) {
|
|
if (await cell.elementHasClass('euiDataGridRowCell--firstColumn')) {
|
|
rowIdx++;
|
|
rows[rowIdx] = [];
|
|
}
|
|
rows[rowIdx].push(cell);
|
|
}
|
|
return rows;
|
|
}
|
|
|
|
/**
|
|
* Returns an array of cells for that row
|
|
*/
|
|
public async getRow(options: SelectOptions): Promise<WebElementWrapper[]> {
|
|
return (await this.getBodyRows())[options.rowIndex];
|
|
}
|
|
|
|
public async clickRowToggle(
|
|
options: SelectOptions = { isAnchorRow: false, rowIndex: 0 }
|
|
): Promise<void> {
|
|
const row = await this.getRow(options);
|
|
const toggle = await row[0];
|
|
await toggle.click();
|
|
}
|
|
|
|
public async getDetailsRows(): Promise<WebElementWrapper[]> {
|
|
return await this.testSubjects.findAll('docTableDetailsFlyout');
|
|
}
|
|
|
|
public async closeFlyout() {
|
|
await this.testSubjects.click('euiFlyoutCloseButton');
|
|
}
|
|
|
|
public async getHeaderFields(): Promise<string[]> {
|
|
const result = await this.find.allByCssSelector(
|
|
'.euiDataGridHeaderCell__button > .euiDataGridHeaderCell__content'
|
|
);
|
|
|
|
const textArr = [];
|
|
for (const cell of result) {
|
|
textArr.push(await cell.getVisibleText());
|
|
}
|
|
return Promise.resolve(textArr);
|
|
}
|
|
|
|
public async getRowActions(
|
|
options: SelectOptions = { isAnchorRow: false, rowIndex: 0 }
|
|
): Promise<WebElementWrapper[]> {
|
|
const detailsRow = (await this.getDetailsRows())[options.rowIndex];
|
|
return await detailsRow.findAllByTestSubject('~docTableRowAction');
|
|
}
|
|
|
|
public async openColMenuByField(field: string) {
|
|
await this.retry.waitFor('header cell action being displayed', async () => {
|
|
// to prevent flakiness
|
|
await this.testSubjects.click(`dataGridHeaderCell-${field}`);
|
|
return await this.testSubjects.exists(`dataGridHeaderCellActionGroup-${field}`);
|
|
});
|
|
}
|
|
|
|
public async clickDocSortAsc(field?: string, sortText = 'Sort Old-New') {
|
|
if (field) {
|
|
await this.openColMenuByField(field);
|
|
} else {
|
|
await this.find.clickByCssSelector('.euiDataGridHeaderCell__button');
|
|
}
|
|
await this.find.clickByButtonText(sortText);
|
|
}
|
|
|
|
public async clickDocSortDesc(field?: string, sortText = 'Sort New-Old') {
|
|
if (field) {
|
|
await this.openColMenuByField(field);
|
|
} else {
|
|
await this.find.clickByCssSelector('.euiDataGridHeaderCell__button');
|
|
}
|
|
await this.find.clickByButtonText(sortText);
|
|
}
|
|
|
|
public async clickRemoveColumn(field?: string) {
|
|
if (field) {
|
|
await this.openColMenuByField(field);
|
|
} else {
|
|
await this.find.clickByCssSelector('.euiDataGridHeaderCell__button');
|
|
}
|
|
await this.find.clickByButtonText('Remove column');
|
|
}
|
|
public async getDetailsRow(): Promise<WebElementWrapper> {
|
|
const detailRows = await this.getDetailsRows();
|
|
return detailRows[0];
|
|
}
|
|
public async addInclusiveFilter(detailsRow: WebElementWrapper, fieldName: string): Promise<void> {
|
|
const tableDocViewRow = await this.getTableDocViewRow(detailsRow, fieldName);
|
|
const addInclusiveFilterButton = await this.getAddInclusiveFilterButton(tableDocViewRow);
|
|
await addInclusiveFilterButton.click();
|
|
await this.header.awaitGlobalLoadingIndicatorHidden();
|
|
}
|
|
|
|
public async getAddInclusiveFilterButton(
|
|
tableDocViewRow: WebElementWrapper
|
|
): Promise<WebElementWrapper> {
|
|
return await tableDocViewRow.findByTestSubject(`~addInclusiveFilterButton`);
|
|
}
|
|
|
|
public async getTableDocViewRow(
|
|
detailsRow: WebElementWrapper,
|
|
fieldName: string
|
|
): Promise<WebElementWrapper> {
|
|
return await detailsRow.findByTestSubject(`~tableDocViewRow-${fieldName}`);
|
|
}
|
|
|
|
public async getRemoveInclusiveFilterButton(
|
|
tableDocViewRow: WebElementWrapper
|
|
): Promise<WebElementWrapper> {
|
|
return await tableDocViewRow.findByTestSubject(`~removeInclusiveFilterButton`);
|
|
}
|
|
|
|
public async removeInclusiveFilter(
|
|
detailsRow: WebElementWrapper,
|
|
fieldName: string
|
|
): Promise<void> {
|
|
const tableDocViewRow = await this.getTableDocViewRow(detailsRow, fieldName);
|
|
const addInclusiveFilterButton = await this.getRemoveInclusiveFilterButton(tableDocViewRow);
|
|
await addInclusiveFilterButton.click();
|
|
await this.header.awaitGlobalLoadingIndicatorHidden();
|
|
}
|
|
|
|
public async hasNoResults() {
|
|
return await this.find.existsByCssSelector('.euiDataGrid__noResults');
|
|
}
|
|
}
|