kibana/test/accessibility/apps/discover.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 { FtrProviderContext } from '../ftr_provider_context';

export default function ({ getService, getPageObjects }: FtrProviderContext) {
  const PageObjects = getPageObjects(['common', 'discover', 'header', 'share', 'timePicker']);
  const a11y = getService('a11y');
  const dataGrid = getService('dataGrid');
  const savedQueryManagementComponent = getService('savedQueryManagementComponent');
  const inspector = getService('inspector');
  const testSubjects = getService('testSubjects');
  const TEST_COLUMN_NAMES = ['dayOfWeek', 'DestWeather'];
  const toasts = getService('toasts');
  const browser = getService('browser');
  const retry = getService('retry');

  describe('Discover a11y tests', () => {
    before(async () => {
      await PageObjects.common.navigateToApp('discover');
      await PageObjects.timePicker.setCommonlyUsedTime('Last_7 days');
    });

    it('Discover main page', async () => {
      await a11y.testAppSnapshot();
    });

    it('a11y test on save button', async () => {
      await PageObjects.discover.clickSaveSearchButton();
      await a11y.testAppSnapshot();
    });

    it('a11y test on save search panel', async () => {
      await PageObjects.discover.inputSavedSearchTitle('a11ySearch');
      await a11y.testAppSnapshot();
    });

    it('a11y test on clicking on confirm save', async () => {
      await PageObjects.discover.clickConfirmSavedSearch();
      await a11y.testAppSnapshot();
    });

    it('a11y test on click new to reload discover', async () => {
      await PageObjects.discover.clickNewSearchButton();
      await a11y.testAppSnapshot();
    });

    it('a11y test on load saved search panel', async () => {
      await PageObjects.discover.openLoadSavedSearchPanel();
      await a11y.testAppSnapshot();
      await PageObjects.discover.closeLoadSavedSearchPanel();
    });

    it('a11y test on inspector panel', async () => {
      await inspector.open();
      await a11y.testAppSnapshot();
      await inspector.close();
    });

    it('a11y test on share panel', async () => {
      await PageObjects.share.clickShareTopNavButton();
      await a11y.testAppSnapshot();
    });

    it('a11y test on open sidenav filter', async () => {
      await PageObjects.discover.openSidebarFieldFilter();
      await a11y.testAppSnapshot();
      await PageObjects.discover.closeSidebarFieldFilter();
    });

    it('a11y test on tables with columns view', async () => {
      for (const columnName of TEST_COLUMN_NAMES) {
        await PageObjects.discover.clickFieldListItemToggle(columnName);
      }
      await a11y.testAppSnapshot();
    });

    it('a11y test on save queries popover', async () => {
      await PageObjects.discover.clickSavedQueriesPopOver();
      await a11y.testAppSnapshot();
    });

    it('a11y test on save queries panel', async () => {
      await PageObjects.discover.clickCurrentSavedQuery();
      await a11y.testAppSnapshot();
    });

    it('a11y test on toggle include filters option on saved queries panel', async () => {
      await PageObjects.discover.setSaveQueryFormTitle('test');
      await PageObjects.discover.toggleIncludeFilters();
      await a11y.testAppSnapshot();
      await PageObjects.discover.saveCurrentSavedQuery();
    });

    it('a11y test on saved queries list panel', async () => {
      await savedQueryManagementComponent.loadSavedQuery('test');
      await PageObjects.discover.clickSavedQueriesPopOver();
      await testSubjects.click('saved-query-management-load-button');
      await savedQueryManagementComponent.deleteSavedQuery('test');
      await a11y.testAppSnapshot();
    });

    // adding a11y tests for the new data grid
    it('a11y test on single document view', async () => {
      await testSubjects.click('docTableExpandToggleColumn');
      await PageObjects.discover.clickDocViewerTab(0);
      await a11y.testAppSnapshot();
    });

    it('a11y test on JSON view of the document', async () => {
      await PageObjects.discover.clickDocViewerTab(1);
      await a11y.testAppSnapshot();
    });

    it('a11y test for actions on a field', async () => {
      await PageObjects.discover.clickDocViewerTab(0);
      if (await testSubjects.exists('openFieldActionsButton-Cancelled')) {
        await testSubjects.click('openFieldActionsButton-Cancelled');
      } else {
        await testSubjects.existOrFail('fieldActionsGroup-Cancelled');
      }
      await a11y.testAppSnapshot();
    });

    it('a11y test for data-grid table with columns', async () => {
      await retry.try(async () => {
        await dataGrid.clickFieldActionInFlyout('Cancelled', 'toggleColumnButton');
      });
      await retry.try(async () => {
        await dataGrid.clickFieldActionInFlyout('Carrier', 'toggleColumnButton');
      });

      await retry.try(async () => {
        await testSubjects.click('euiFlyoutCloseButton');
      });

      await retry.try(async () => {
        await toasts.dismissAllToasts();
      });

      await a11y.testAppSnapshot();
    });

    it('a11y test for data-grid actions on columns', async () => {
      await testSubjects.click('dataGridHeaderCellActionButton-Carrier');
      await a11y.testAppSnapshot();
    });

    it('a11y test for chart options panel', async () => {
      await testSubjects.click('unifiedHistogramChartOptionsToggle');
      await a11y.testAppSnapshot();
    });

    it('a11y test for data grid with hidden chart', async () => {
      await testSubjects.click('unifiedHistogramChartToggle');
      await a11y.testAppSnapshot();
      await testSubjects.click('unifiedHistogramChartOptionsToggle');
      await testSubjects.click('unifiedHistogramChartToggle');
    });

    it('a11y test for time interval panel', async () => {
      await testSubjects.click('unifiedHistogramChartOptionsToggle');
      await testSubjects.click('unifiedHistogramTimeIntervalPanel');
      await a11y.testAppSnapshot();
      await testSubjects.click('contextMenuPanelTitleButton');
      await testSubjects.click('unifiedHistogramChartOptionsToggle');
    });

    it('a11y test for data grid sort panel', async () => {
      await testSubjects.click('dataGridColumnSortingButton');
      await a11y.testAppSnapshot();
      await browser.pressKeys(browser.keys.ESCAPE);
    });

    it('a11y test for setting row height for display panel', async () => {
      await testSubjects.click('dataGridDisplaySelectorPopover');
      await a11y.testAppSnapshot();
      await browser.pressKeys(browser.keys.ESCAPE);
    });

    it('a11y test for data grid in full screen', async () => {
      await testSubjects.click('dataGridFullScreenButton');
      await a11y.testAppSnapshot();
      await browser.pressKeys(browser.keys.ESCAPE);
    });

    it('a11y test for field statistics data grid view', async () => {
      await PageObjects.discover.clickViewModeFieldStatsButton();
      await a11y.testAppSnapshot();
    });

    it('a11y test for data grid with collapsed side bar', async () => {
      await PageObjects.discover.closeSidebar();
      await a11y.testAppSnapshot();
      await PageObjects.discover.toggleSidebarCollapse();
    });

    it('a11y test for adding a field from side bar', async () => {
      await testSubjects.click('dataView-add-field_btn');
      await a11y.testAppSnapshot();
    });
  });
}