[index management] Move tests from FTR to scout (elastic#242825)

## Summary

Moving index management tests from FTR to scout. Scout hates it when the
data-test-subj value has been used more than once so there are some
changes to address that.

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Karen Grigoryan <karen.grigoryan@elastic.co>
(cherry picked from commit 7423325)

# Conflicts:
#	x-pack/platform/plugins/shared/index_management/__jest__/client_integration/helpers/test_subjects.ts
#	x-pack/platform/plugins/shared/index_management/moon.yml
#	x-pack/platform/plugins/shared/index_management/tsconfig.json
#	x-pack/platform/test/functional/apps/index_management/home_page.ts
#	x-pack/platform/test/functional/apps/index_management/index_details_page.ts
#	x-pack/platform/test/functional/apps/index_management/index_template_wizard.ts

Author: mattkime

.buildkite/scout_ci_config.yml

@@ -3,6 +3,7 @@ plugins:
   enabled:
     - console
     - discover_enhanced
+    - index_management
     - maps
     - observability_onboarding
     - painless_lab

x-pack/platform/plugins/shared/index_management/__jest__/client_integration/helpers/test_subjects.ts

@@ -119,4 +119,10 @@ export type TestSubjects =
   | 'noIndicesMessage'
   | 'clearIndicesSearch'
   | 'usingMaxRetention'
-  | 'componentTemplatesLink';
+  | 'componentTemplatesLink'
+  | 'summaryTabBtn'
+  | 'settingsTabBtn'
+  | 'mappingsTabBtn'
+  | 'aliasesTabBtn'
+  | 'previewTabBtn'
+  | 'configureFailureStoreButton';

x-pack/platform/plugins/shared/index_management/__jest__/client_integration/home/index_templates_tab.helpers.ts

@@ -43,10 +43,10 @@ const createActions = (testBed: TestBed<TestSubjects>) => {
   const selectDetailsTab = async (
     tab: 'summary' | 'settings' | 'mappings' | 'aliases' | 'preview'
   ) => {
-    const tabs = ['summary', 'settings', 'mappings', 'aliases', 'preview'];
+    const tabTestDataSubj = `${tab}TabBtn` as TestSubjects;
 
     await act(async () => {
-      testBed.find('templateDetails.tab').at(tabs.indexOf(tab)).simulate('click');
+      testBed.find(tabTestDataSubj).simulate('click');
     });
     testBed.component.update();
   };

x-pack/platform/plugins/shared/index_management/__jest__/client_integration/home/index_templates_tab.test.ts

@@ -623,14 +623,11 @@ describe('Index Templates tab', () => {
 
           await actions.clickTemplateAt(0);
 
-          expect(find('templateDetails.tab').length).toBe(5);
-          expect(find('templateDetails.tab').map((t) => t.text())).toEqual([
-            'Summary',
-            'Settings',
-            'Mappings',
-            'Aliases',
-            'Preview',
-          ]);
+          expect(exists('summaryTabBtn')).toBe(true);
+          expect(exists('settingsTabBtn')).toBe(true);
+          expect(exists('mappingsTabBtn')).toBe(true);
+          expect(exists('aliasesTabBtn')).toBe(true);
+          expect(exists('previewTabBtn')).toBe(true);
 
           // Summary tab should be initial active tab
           expect(exists('summaryTab')).toBe(true);
@@ -670,15 +667,14 @@ describe('Index Templates tab', () => {
             isLegacy: true,
           });
 
-          const { actions, find, exists } = testBed;
+          const { actions, exists } = testBed;
 
           httpRequestsMockHelpers.setLoadTemplateResponse(
             templates[0].name,
             templateWithNoOptionalFields
           );
           await actions.clickTemplateAt(0);
 
-          expect(find('templateDetails.tab').length).toBe(5);
           expect(exists('summaryTab')).toBe(true);
 
           // Navigate and verify callout message per tab

x-pack/platform/plugins/shared/index_management/__jest__/client_integration/index_template_wizard/template_create.test.tsx

@@ -390,21 +390,14 @@ describe('<TemplateCreate />', () => {
       });
 
       describe('plugin parameters', () => {
-        const selectMappingsEditorTab = async (
-          tab: 'fields' | 'runtimeFields' | 'templates' | 'advanced'
-        ) => {
-          const tabIndex = ['fields', 'runtimeFields', 'templates', 'advanced'].indexOf(tab);
-          const tabElement = testBed.find('mappingsEditor.formTab').at(tabIndex);
-          await act(async () => {
-            tabElement.simulate('click');
-          });
-          testBed.component.update();
-        };
-
         test('should not render the _size parameter if the mapper size plugin is not installed', async () => {
           const { exists } = testBed;
           // Navigate to the advanced configuration
-          await selectMappingsEditorTab('advanced');
+
+          await act(async () => {
+            testBed.find('advancedOptionsTab').simulate('click');
+          });
+          testBed.component.update();
 
           expect(exists('mappingsEditor.advancedConfiguration.sizeEnabledToggle')).toBe(false);
         });
@@ -418,7 +411,10 @@ describe('<TemplateCreate />', () => {
           testBed.component.update();
           await navigateToMappingsStep();
 
-          await selectMappingsEditorTab('advanced');
+          await act(async () => {
+            testBed.find('advancedOptionsTab').simulate('click');
+          });
+          testBed.component.update();
 
           expect(testBed.exists('mappingsEditor.advancedConfiguration.sizeEnabledToggle')).toBe(
             true

x-pack/platform/plugins/shared/index_management/__jest__/client_integration/index_template_wizard/template_form.helpers.ts

@@ -402,6 +402,6 @@ export type TestSubjects =
   | 'valueDataRetentionField'
   | 'formWizardStep-5'
   | 'lifecycleValue'
-  | 'mappingsEditor.formTab'
   | 'mappingsEditor.advancedConfiguration.sizeEnabledToggle'
-  | 'previewIndexTemplate';
+  | 'previewIndexTemplate'
+  | 'advancedOptionsTab';

x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/__jest__/client_integration/helpers/mappings_editor.helpers.tsx

@@ -313,8 +313,9 @@ const createActions = (testBed: TestBed<TestSubjects>) => {
   // --- Other ---
   const selectTab = async (tab: 'fields' | 'runtimeFields' | 'templates' | 'advanced') => {
     const index = ['fields', 'runtimeFields', 'templates', 'advanced'].indexOf(tab);
+    const dataTestSubjValues = ['fieldsTab', 'runtimeTab', 'templatesTab', 'advancedOptionsTab'];
 
-    const tabElement = find('formTab').at(index);
+    const tabElement = find(dataTestSubjValues[index]);
     if (tabElement.length === 0) {
       throw new Error(`Tab not found: "${tab}"`);
     }

x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/__jest__/client_integration/mappings_editor.test.tsx

@@ -165,12 +165,10 @@ describe('Mappings editor: core', () => {
 
     test('should have 4 tabs (fields, runtime, template, advanced settings)', () => {
       const { find } = testBed;
-      const tabs = find('formTab').map((wrapper) => wrapper.text());
-
-      expect(tabs).toEqual([
-        'Mapped fields',
-        'Runtime fields',
-        'Dynamic templates',
+      expect(find('fieldsTab').map((wrapper) => wrapper.text())).toEqual(['Mapped fields']);
+      expect(find('runtimeTab').map((wrapper) => wrapper.text())).toEqual(['Runtime fields']);
+      expect(find('templatesTab').map((wrapper) => wrapper.text())).toEqual(['Dynamic templates']);
+      expect(find('advancedOptionsTab').map((wrapper) => wrapper.text())).toEqual([
         'Advanced options',
       ]);
     });

x-pack/platform/plugins/shared/index_management/public/application/components/mappings_editor/mappings_editor.tsx

@@ -184,7 +184,7 @@ export const MappingsEditor = React.memo(
               <EuiTab
                 onClick={() => changeTab('fields')}
                 isSelected={selectedTab === 'fields'}
-                data-test-subj="formTab"
+                data-test-subj="fieldsTab"
               >
                 {i18n.translate('xpack.idxMgmt.mappingsEditor.fieldsTabLabel', {
                   defaultMessage: 'Mapped fields',
@@ -193,7 +193,7 @@ export const MappingsEditor = React.memo(
               <EuiTab
                 onClick={() => changeTab('runtimeFields')}
                 isSelected={selectedTab === 'runtimeFields'}
-                data-test-subj="formTab"
+                data-test-subj="runtimeTab"
               >
                 {i18n.translate('xpack.idxMgmt.mappingsEditor.runtimeFieldsTabLabel', {
                   defaultMessage: 'Runtime fields',
@@ -202,7 +202,7 @@ export const MappingsEditor = React.memo(
               <EuiTab
                 onClick={() => changeTab('templates')}
                 isSelected={selectedTab === 'templates'}
-                data-test-subj="formTab"
+                data-test-subj="templatesTab"
               >
                 {i18n.translate('xpack.idxMgmt.mappingsEditor.templatesTabLabel', {
                   defaultMessage: 'Dynamic templates',
@@ -211,7 +211,7 @@ export const MappingsEditor = React.memo(
               <EuiTab
                 onClick={() => changeTab('advanced')}
                 isSelected={selectedTab === 'advanced'}
-                data-test-subj="formTab"
+                data-test-subj="advancedOptionsTab"
               >
                 {i18n.translate('xpack.idxMgmt.mappingsEditor.advancedTabLabel', {
                   defaultMessage: 'Advanced options',

x-pack/platform/plugins/shared/index_management/public/application/components/no_match/no_match.tsx

@@ -94,7 +94,13 @@ export const NoMatch = ({
           />
         </p>
       }
-      actions={<CreateIndexButton loadIndices={loadIndices} share={share} />}
+      actions={
+        <CreateIndexButton
+          loadIndices={loadIndices}
+          share={share}
+          dataTestSubj="createIndexButtonEmptyList"
+        />
+      }
     />
   );
 };