* Use CodeEditor from react-utils which supports dark theme instead of deprecated EuiCodeEditor * fix CI * Fix CI * Fix tests * Update monaco_editor.ts Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
98 lines
3.4 KiB
TypeScript
98 lines
3.4 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 { FtrProviderContext } from '../ftr_provider_context';
|
|
|
|
export function TileMapPageProvider({ getService, getPageObjects }: FtrProviderContext) {
|
|
const find = getService('find');
|
|
const testSubjects = getService('testSubjects');
|
|
const retry = getService('retry');
|
|
const log = getService('log');
|
|
const inspector = getService('inspector');
|
|
const monacoEditor = getService('monacoEditor');
|
|
const { header } = getPageObjects(['header']);
|
|
|
|
class TileMapPage {
|
|
public async getZoomSelectors(zoomSelector: string) {
|
|
return await find.allByCssSelector(zoomSelector);
|
|
}
|
|
|
|
public async clickMapButton(zoomSelector: string, waitForLoading?: boolean) {
|
|
await retry.try(async () => {
|
|
const zooms = await this.getZoomSelectors(zoomSelector);
|
|
for (let i = 0; i < zooms.length; i++) {
|
|
await zooms[i].click();
|
|
}
|
|
if (waitForLoading) {
|
|
await header.waitUntilLoadingHasFinished();
|
|
}
|
|
});
|
|
}
|
|
|
|
public async getVisualizationRequest() {
|
|
log.debug('getVisualizationRequest');
|
|
await inspector.open();
|
|
await testSubjects.click('inspectorViewChooser');
|
|
await testSubjects.click('inspectorViewChooserRequests');
|
|
await testSubjects.click('inspectorRequestDetailRequest');
|
|
await find.byCssSelector('.react-monaco-editor-container');
|
|
|
|
return await monacoEditor.getCodeEditorValue(1);
|
|
}
|
|
|
|
public async getMapBounds(): Promise<object> {
|
|
const request = await this.getVisualizationRequest();
|
|
const requestObject = JSON.parse(request);
|
|
|
|
return requestObject.aggs.filter_agg.filter.geo_bounding_box['geo.coordinates'];
|
|
}
|
|
|
|
public async clickMapZoomIn(waitForLoading = true) {
|
|
await this.clickMapButton('a.leaflet-control-zoom-in', waitForLoading);
|
|
}
|
|
|
|
public async clickMapZoomOut(waitForLoading = true) {
|
|
await this.clickMapButton('a.leaflet-control-zoom-out', waitForLoading);
|
|
}
|
|
|
|
public async getMapZoomEnabled(zoomSelector: string): Promise<boolean> {
|
|
const zooms = await this.getZoomSelectors(zoomSelector);
|
|
const classAttributes = await Promise.all(
|
|
zooms.map(async (zoom) => await zoom.getAttribute('class'))
|
|
);
|
|
return !classAttributes.join('').includes('leaflet-disabled');
|
|
}
|
|
|
|
public async zoomAllTheWayOut(): Promise<void> {
|
|
// we can tell we're at level 1 because zoom out is disabled
|
|
return await retry.try(async () => {
|
|
await this.clickMapZoomOut();
|
|
const enabled = await this.getMapZoomOutEnabled();
|
|
// should be able to zoom more as current config has 0 as min level.
|
|
if (enabled) {
|
|
throw new Error('Not fully zoomed out yet');
|
|
}
|
|
});
|
|
}
|
|
|
|
public async getMapZoomInEnabled() {
|
|
return await this.getMapZoomEnabled('a.leaflet-control-zoom-in');
|
|
}
|
|
|
|
public async getMapZoomOutEnabled() {
|
|
return await this.getMapZoomEnabled('a.leaflet-control-zoom-out');
|
|
}
|
|
|
|
public async clickMapFitDataBounds() {
|
|
return await this.clickMapButton('a.fa-crop');
|
|
}
|
|
}
|
|
|
|
return new TileMapPage();
|
|
}
|