Added overview a11y test. Added data test subjects to the tabs in the app.

Author: John Dorlus

x-pack/plugins/upgrade_assistant/public/application/components/tabs.tsx

@@ -189,13 +189,15 @@ export class UpgradeAssistantTabs extends React.Component<Props, TabsState> {
     return [
       {
         id: 'overview',
+        'data-test-subj': 'upgradeAssistantOverviewTab',
         name: i18n.translate('xpack.upgradeAssistant.overviewTab.overviewTabTitle', {
           defaultMessage: 'Overview',
         }),
         content: <OverviewTab checkupData={checkupData} {...commonProps} />,
       },
       {
         id: 'cluster',
+        'data-test-subj': 'upgradeAssistantClusterTab',
         name: i18n.translate('xpack.upgradeAssistant.checkupTab.clusterTabLabel', {
           defaultMessage: 'Cluster',
         }),
@@ -212,6 +214,7 @@ export class UpgradeAssistantTabs extends React.Component<Props, TabsState> {
       },
       {
         id: 'indices',
+        'data-test-subj': 'upgradeAssistantIndicesTab',
         name: i18n.translate('xpack.upgradeAssistant.checkupTab.indicesTabLabel', {
           defaultMessage: 'Indices',
         }),

x-pack/plugins/upgrade_assistant/public/application/components/tabs/checkup/checkup_tab.tsx

@@ -102,6 +102,7 @@ export const CheckupTab: FunctionComponent<CheckupTabProps> = ({
               strongCheckupLabel: <strong>{checkupLabel}</strong>,
               nextEsVersion: `${nextMajor}.x`,
             }}
+            data-test-subj="upgradeAssistant{checkupLabel}tabDetail"
           />
         </p>
       </EuiText>

x-pack/plugins/upgrade_assistant/public/application/components/tabs/overview/index.tsx

@@ -30,7 +30,7 @@ export const OverviewTab: FunctionComponent<UpgradeAssistantTabProps> = (props)
     <>
       <EuiSpacer />
 
-      <EuiText grow={false}>
+      <EuiText data-test-subj="upgradeAssistantOverviewTabDetail" grow={false}>
         <p>
           <FormattedMessage
             id="xpack.upgradeAssistant.overviewTab.tabDetail"

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

@@ -0,0 +1,36 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { FtrProviderContext } from '../ftr_provider_context';
+
+export default function ({ getService, getPageObjects }: FtrProviderContext) {
+  const PageObjects = getPageObjects(['upgradeAssistant', 'common']);
+  const a11y = getService('a11y');
+  const testSubjects = getService('testSubjects');
+  const retry = getService('retry');
+
+  describe('Upgrade Assistant Home', () => {
+    before(async () => {
+      await PageObjects.upgradeAssistant.navigateToPage();
+    });
+
+    it('Overview', async () => {
+      await retry.waitFor('Upgrade Assistant overview tab to be visible', async () => {
+        return testSubjects.exists('upgradeAssistantOverviewTabDetail') ? true : false;
+      });
+      await a11y.testAppSnapshot();
+    });
+
+    it('List View', async () => {
+      await testSubjects.click('upgradeAssistantClusterTab');
+      await retry.waitFor('Upgrade Assistant Cluster tab to be visible', async () => {
+        return testSubjects.exists('upgradeAssistantOverviewTab') ? true : false;
+      });
+      return testSubjects.isDisplayed('pipelineDetails') ? true : false;
+      await a11y.testAppSnapshot();
+    });
+  });
+}