kibana/test/functional/services/flyout.ts

/*
 * 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 { FtrService } from '../ftr_provider_context';

export class FlyoutService extends FtrService {
  private readonly testSubjects = this.ctx.getService('testSubjects');
  private readonly find = this.ctx.getService('find');
  private readonly log = this.ctx.getService('log');
  private readonly retry = this.ctx.getService('retry');

  public async close(dataTestSubj: string): Promise<void> {
    this.log.debug('Closing flyout', dataTestSubj);
    const flyoutElement = await this.testSubjects.find(dataTestSubj);
    const closeBtn = await flyoutElement.findByCssSelector('[aria-label*="Close"]');
    await closeBtn.click();
    await this.retry.waitFor(
      'flyout closed',
      async () => !(await this.testSubjects.exists(dataTestSubj, { timeout: 1000 }))
    );
  }

  public async ensureClosed(dataTestSubj: string): Promise<void> {
    if (await this.testSubjects.exists(dataTestSubj, { timeout: 1000 })) {
      await this.close(dataTestSubj);
    }
  }

  public async ensureAllClosed(): Promise<void> {
    const flyoutElements = await this.find.allByCssSelector('.euiFlyout');

    if (!flyoutElements.length) {
      return;
    }

    for (let i = 0; i < flyoutElements.length; i++) {
      const closeBtn = await flyoutElements[i].findByCssSelector('[aria-label*="Close"]');
      await closeBtn.click();
    }

    await this.retry.waitFor(
      'all flyouts to be closed',
      async () => (await this.find.allByCssSelector('.euiFlyout')).length === 0
    );
  }
}