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

# Backport

This will backport the following commits from `main` to `9.2`:
- [[index management] Move tests from FTR to scout
(#242825)](#242825)

<!--- Backport version: 10.2.0 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Matthew
Kime","email":"matt@mattki.me"},"sourceCommit":{"committedDate":"2025-12-03T07:31:36Z","message":"[index
management] Move tests from FTR to scout (#242825)\n\n##
Summary\n\nMoving index management tests from FTR to scout. Scout hates
it when the\ndata-test-subj value has been used more than once so there
are some\nchanges to address that.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Karen
Grigoryan
<karen.grigoryan@elastic.co>","sha":"74233253898ba714584572dceabb404738047e4e","branchLabelMapping":{"^v9.3.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Feature:Index
Management","Team:Kibana
Management","release_note:skip","backport:all-open","v9.3.0"],"title":"[index
management] Move tests from FTR to
scout","number":242825,"url":"https://github.com/elastic/kibana/pull/242825","mergeCommit":{"message":"[index
management] Move tests from FTR to scout (#242825)\n\n##
Summary\n\nMoving index management tests from FTR to scout. Scout hates
it when the\ndata-test-subj value has been used more than once so there
are some\nchanges to address that.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Karen
Grigoryan
<karen.grigoryan@elastic.co>","sha":"74233253898ba714584572dceabb404738047e4e"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.3.0","branchLabelMappingKey":"^v9.3.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/242825","number":242825,"mergeCommit":{"message":"[index
management] Move tests from FTR to scout (#242825)\n\n##
Summary\n\nMoving index management tests from FTR to scout. Scout hates
it when the\ndata-test-subj value has been used more than once so there
are some\nchanges to address that.\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Karen
Grigoryan
<karen.grigoryan@elastic.co>","sha":"74233253898ba714584572dceabb404738047e4e"}}]}]
BACKPORT-->

Co-authored-by: Matthew Kime <matt@mattki.me>

Author: kapral18

.buildkite/scout_ci_config.yml

@@ -4,6 +4,7 @@ plugins:
     - apm
     - console
     - discover_enhanced
+    - index_management
     - maps
     - observability
     - observability_onboarding

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

@@ -118,4 +118,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

@@ -40,10 +40,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

@@ -624,14 +624,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);
@@ -671,15 +668,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

@@ -314,8 +314,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

@@ -166,12 +166,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"
+        />
+      }
     />
   );
 };