A11y tests for saved objects management table

src/plugins/saved_objects_management/public/management_section/objects_table/components/export_modal.tsx

@@ -99,7 +99,7 @@ export const ExportModal: FC<ExportModalProps> = ({
           <EuiFlexItem grow={false}>
             <EuiFlexGroup>
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty onClick={onCancel}>
+                <EuiButtonEmpty onClick={onCancel} data-test-subj="cancelAllExports">
                   <FormattedMessage
                     id="savedObjectsManagement.objectsTable.exportObjectsConfirmModal.cancelButtonLabel"
                     defaultMessage="Cancel"

x-pack/test/accessibility/apps/saved_objects.ts

@@ -0,0 +1,148 @@
+/*
+ * 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; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+// a11y tests for spaces, space selection and space creation and feature controls
+
+import { FtrProviderContext } from '../ftr_provider_context';
+
+export default function ({ getService, getPageObjects }: FtrProviderContext) {
+  const PageObjects = getPageObjects(['common', 'settings', 'header', 'home', 'spaceSelector']);
+  const a11y = getService('a11y');
+  const testSubjects = getService('testSubjects');
+  const retry = getService('retry');
+  const toasts = getService('toasts');
+  const find = getService('find');
+  const browser = getService('browser');
+
+  describe('Kibana saved objects management page a11y tests', () => {
+    before(async () => {
+      await PageObjects.common.navigateToUrl('home', '/tutorial_directory/sampleData', {
+        useActualUrl: true,
+      });
+      await PageObjects.header.waitUntilLoadingHasFinished();
+      await PageObjects.home.addSampleDataSet('flights');
+
+      await PageObjects.settings.navigateTo();
+      await PageObjects.settings.clickKibanaSavedObjects();
+    });
+
+    after(async () => {
+      await PageObjects.common.navigateToApp('home');
+      await PageObjects.spaceSelector.openSpacesNav();
+      await PageObjects.spaceSelector.clickSpaceAvatar('space_a');
+      await PageObjects.header.waitUntilLoadingHasFinished();
+      await PageObjects.spaceSelector.openSpacesNav();
+      await PageObjects.spaceSelector.clickManageSpaces();
+      await PageObjects.spaceSelector.clickOnDeleteSpaceButton('space_a');
+      await PageObjects.spaceSelector.confirmDeletingSpace();
+
+      await PageObjects.common.navigateToUrl('home', '/tutorial_directory/sampleData', {
+        useActualUrl: true,
+      });
+      await PageObjects.header.waitUntilLoadingHasFinished();
+      await PageObjects.home.removeSampleDataSet('flights');
+    });
+
+    it('saved objects management page a11y validations', async () => {
+      await a11y.testAppSnapshot();
+    });
+
+    it('import objects panel meets a11y validations', async () => {
+      await testSubjects.click('importObjects');
+      await a11y.testAppSnapshot();
+    });
+
+    it('export all objects panel meets a11y requirements', async () => {
+      await testSubjects.click('euiFlyoutCloseButton');
+      await testSubjects.click('exportAllObjects');
+      await a11y.testAppSnapshot();
+    });
+
+    it('types drop-down panel meets a11y requirements', async () => {
+      await testSubjects.click('cancelAllExports');
+      await (await find.byCssSelector('[title="Type"]')).click();
+      await a11y.testAppSnapshot();
+    });
+
+    it('saved objects table filtered on a type meets a11y requirements', async () => {
+      await (await find.byCssSelector('[title="data view"]')).click();
+      await a11y.testAppSnapshot();
+    });
+
+    it('actions panel on saved object type meets a11y requirements', async () => {
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await a11y.testAppSnapshot();
+    });
+
+    it('relationships panel item from actions meets a11y requirements', async () => {
+      await testSubjects.click('savedObjectsTableAction-relationships');
+      await a11y.testAppSnapshot();
+    });
+
+    it('share to space panel from actions meets a11y requirements ', async () => {
+      await testSubjects.click('euiFlyoutCloseButton');
+
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await find.byCssSelector('.euiContextMenuPanel');
+      await testSubjects.click('savedObjectsTableAction-share_saved_objects_to_space');
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
+      // creating a new space from this panel
+      await testSubjects.click('sts-new-space-link');
+      await PageObjects.spaceSelector.clickEnterSpaceName();
+      await PageObjects.spaceSelector.addSpaceName('space_a');
+      await PageObjects.spaceSelector.clickSaveSpaceCreation();
+      await PageObjects.settings.navigateTo();
+      await PageObjects.settings.clickKibanaSavedObjects();
+      await (await find.byCssSelector('[title="Type"]')).click();
+      await (await find.byCssSelector('[title="data view"]')).click();
+      await browser.pressKeys(browser.keys.ESCAPE);
+      await find.byCssSelector('.euiContextMenuPanel');
+      await retry.waitFor(
+        'actions button visible',
+        async () => await testSubjects.exists('euiCollapsedItemActionsButton')
+      );
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await testSubjects.click('savedObjectsTableAction-share_saved_objects_to_space');
+      await (await find.byCssSelector('[title="All spaces"]')).click();
+      await testSubjects.click('sts-save-button');
+      await retry.waitFor('toasts.toBeVisible', async () => (await toasts.getToastCount()) > 0);
+      await toasts.dismissAllToasts();
+    });
+
+    it('copy to space panel from actions menu meets a11y requirements ', async () => {
+      await find.byCssSelector('.euiContextMenuPanel');
+      await retry.waitFor(
+        'actions button visible',
+        async () => await testSubjects.exists('euiCollapsedItemActionsButton')
+      );
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await PageObjects.common.sleep(1000);
+      await find.byCssSelector('.euiContextMenuPanel');
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await testSubjects.click('savedObjectsTableAction-copy_saved_objects_to_space');
+      await a11y.testAppSnapshot();
+    });
+
+    // inspecting a different saved object than data views because the inspect screen is different
+
+    it('inspect action from actions menu meets a11y requirements', async () => {
+      await testSubjects.click('cts-cancel-button');
+      await (await find.byCssSelector('[title="Type"]')).click();
+      await (await find.byCssSelector('[title="data view"]')).click();
+      await (await find.byCssSelector('[title="config"]')).click();
+      await browser.pressKeys(browser.keys.ESCAPE);
+      await find.byCssSelector('.euiContextMenuPanel');
+      await testSubjects.click('euiCollapsedItemActionsButton');
+      await testSubjects.click('savedObjectsTableAction-inspect');
+      await retry.try(async () => {
+        await a11y.testAppSnapshot();
+      });
+    });
+  });
+}

x-pack/test/accessibility/config.ts

@@ -16,34 +16,35 @@ export default async function ({ readConfigFile }: FtrConfigProviderContext) {
     ...functionalConfig.getAll(),
 
     testFiles: [
-      require.resolve('./apps/login_page'),
-      require.resolve('./apps/kibana_overview'),
-      require.resolve('./apps/home'),
-      require.resolve('./apps/grok_debugger'),
-      require.resolve('./apps/search_profiler'),
-      require.resolve('./apps/painless_lab'),
-      require.resolve('./apps/uptime'),
-      require.resolve('./apps/spaces'),
-      require.resolve('./apps/advanced_settings'),
-      require.resolve('./apps/dashboard_edit_panel'),
-      require.resolve('./apps/users'),
-      require.resolve('./apps/roles'),
-      require.resolve('./apps/ingest_node_pipelines'),
-      require.resolve('./apps/index_lifecycle_management'),
-      require.resolve('./apps/ml'),
-      require.resolve('./apps/transform'),
-      require.resolve('./apps/lens'),
-      require.resolve('./apps/upgrade_assistant'),
-      require.resolve('./apps/canvas'),
-      require.resolve('./apps/maps'),
-      require.resolve('./apps/security_solution'),
-      require.resolve('./apps/ml_embeddables_in_dashboard'),
-      require.resolve('./apps/remote_clusters'),
-      require.resolve('./apps/reporting'),
-      require.resolve('./apps/enterprise_search'),
-      require.resolve('./apps/license_management'),
-      require.resolve('./apps/tags'),
-      require.resolve('./apps/search_sessions'),
+      // require.resolve('./apps/login_page'),
+      // require.resolve('./apps/kibana_overview'),
+      // require.resolve('./apps/home'),
+      // require.resolve('./apps/grok_debugger'),
+      // require.resolve('./apps/search_profiler'),
+      // require.resolve('./apps/painless_lab'),
+      // require.resolve('./apps/uptime'),
+      // require.resolve('./apps/spaces'),
+      // require.resolve('./apps/advanced_settings'),
+      // require.resolve('./apps/dashboard_edit_panel'),
+      // require.resolve('./apps/users'),
+      // require.resolve('./apps/roles'),
+      // require.resolve('./apps/ingest_node_pipelines'),
+      // require.resolve('./apps/index_lifecycle_management'),
+      // require.resolve('./apps/ml'),
+      // require.resolve('./apps/transform'),
+      // require.resolve('./apps/lens'),
+      // require.resolve('./apps/upgrade_assistant'),
+      // require.resolve('./apps/canvas'),
+      // require.resolve('./apps/maps'),
+      // require.resolve('./apps/security_solution'),
+      // require.resolve('./apps/ml_embeddables_in_dashboard'),
+      // require.resolve('./apps/remote_clusters'),
+      // require.resolve('./apps/reporting'),
+      // require.resolve('./apps/enterprise_search'),
+      // require.resolve('./apps/license_management'),
+      // require.resolve('./apps/tags'),
+      // require.resolve('./apps/search_sessions'),
+      require.resolve('./apps/saved_objects'),
     ],
 
     pageObjects,