elastic · kapral18 · Dec 3, 2025 · Nov 13, 2025 · Nov 13, 2025 · Nov 13, 2025
@@ -4,6 +4,7 @@ plugins:
     - apm
     - console
     - discover_enhanced
+    - index_management
     - maps
     - observability
     - observability_onboarding

@@ -119,4 +119,9 @@ export type TestSubjects =
   | 'clearIndicesSearch'
   | 'usingMaxRetention'
   | 'componentTemplatesLink'
+  | 'summaryTabBtn'
+  | 'settingsTabBtn'
+  | 'mappingsTabBtn'
+  | 'aliasesTabBtn'
+  | 'previewTabBtn'
   | 'configureFailureStoreButton';
@@ -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();
   };

@@ -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

@@ -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

@@ -402,6 +402,6 @@ export type TestSubjects =
   | 'valueDataRetentionField'
   | 'formWizardStep-5'
   | 'lifecycleValue'
-  | 'mappingsEditor.formTab'
   | 'mappingsEditor.advancedConfiguration.sizeEnabledToggle'
-  | 'previewIndexTemplate';
+  | 'previewIndexTemplate'
+  | 'advancedOptionsTab';
diff --git a/x-pack/platform/plugins/shared/index_management/moon.yml b/x-pack/platform/plugins/shared/index_management/moon.yml
@@ -72,6 +72,7 @@ dependsOn:
   - '@kbn/upgrade-assistant-pkg-common'
   - '@kbn/failure-store-modal'
   - '@kbn/react-query'
+  - '@kbn/scout'
 tags:
   - plugin
   - prod

@@ -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}"`);
     }

@@ -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',
       ]);
     });

@@ -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',

@@ -94,7 +94,13 @@ export const NoMatch = ({
           />
         </p>
       }
-      actions={<CreateIndexButton loadIndices={loadIndices} share={share} />}
+      actions={
+        <CreateIndexButton
+          loadIndices={loadIndices}
+          share={share}
+          dataTestSubj="createIndexButtonEmptyList"
+        />
+      }
     />
   );
 };
@@ -55,30 +55,35 @@ const TABS = [
     name: i18n.translate('xpack.idxMgmt.templateDetails.summaryTabTitle', {
       defaultMessage: 'Summary',
     }),
+    dataTestSubj: 'summaryTabBtn',
   },
   {
     id: SETTINGS_TAB_ID,
     name: i18n.translate('xpack.idxMgmt.templateDetails.settingsTabTitle', {
       defaultMessage: 'Settings',
     }),
+    dataTestSubj: 'settingsTabBtn',
   },
   {
     id: MAPPINGS_TAB_ID,
     name: i18n.translate('xpack.idxMgmt.templateDetails.mappingsTabTitle', {
       defaultMessage: 'Mappings',
     }),
+    dataTestSubj: 'mappingsTabBtn',
   },
   {
     id: ALIASES_TAB_ID,
     name: i18n.translate('xpack.idxMgmt.templateDetails.aliasesTabTitle', {
       defaultMessage: 'Aliases',
     }),
+    dataTestSubj: 'aliasesTabBtn',
   },
   {
     id: PREVIEW_TAB_ID,
     name: i18n.translate('xpack.idxMgmt.templateDetails.previewTabTitle', {
       defaultMessage: 'Preview',
     }),
+    dataTestSubj: 'previewTabBtn',
   },
 ];
 
@@ -217,7 +222,7 @@ export const TemplateDetailsContent = ({
                 }}
                 isSelected={tab.id === activeTab}
                 key={tab.id}
-                data-test-subj="tab"
+                data-test-subj={tab.dataTestSubj}
               >
                 {tab.name}
               </EuiTab>

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+
+import type { KibanaRole } from '@kbn/scout';
+
+export const CUSTOM_ROLES: Record<string, KibanaRole> = {
+  indexManagementUser: {
+    elasticsearch: {
+      // would be nice if this wasn't needed
+      cluster: ['monitor', 'manage_index_templates', 'manage_enrich'],
+      indices: [
+        {
+          names: ['*'],
+          privileges: ['all'],
+        },
+      ],
+    },
+    kibana: [
+      {
+        base: ['read'],
+        feature: {},
+        spaces: ['*'],
+      },
+    ],
+  },
+};
@@ -0,0 +1,84 @@
+/*
+ * 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.
+ */
+
+import { test as base } from '@kbn/scout';
+import type {
+  ScoutPage,
+  ScoutTestFixtures,
+  ScoutWorkerFixtures,
+  BrowserAuthFixture,
+} from '@kbn/scout';
+import type { PageObjects } from '@kbn/scout';
+import { createLazyPageObject } from '@kbn/scout';
+import type { AbstractPageObject } from './page_objects/index_management_page';
+import { IndexManagement } from './page_objects/index_management_page';
+import { CUSTOM_ROLES } from './custom_roles';
+
+type PageObjectClass = new (page: ScoutPage) => AbstractPageObject;
+
+export interface IndexManagementBrowserAuthFixture extends BrowserAuthFixture {
+  loginAsIndexManagementUser: () => Promise<void>;
+}
+
+export const createTest = function <PageObjectsExtensions = Record<string, AbstractPageObject>>(
+  pageObjectClassMap: Record<string, PageObjectClass>
+) {
+  type PageObjectsExtended = PageObjectsExtensions & PageObjects;
+
+  function extendPOs(pageObjects: PageObjects, page: ScoutPage): PageObjectsExtended {
+    const initedLazyPageObjects = Object.keys(pageObjectClassMap).reduce<
+      Record<string, AbstractPageObject>
+    >((col, value) => {
+      col[value] = createLazyPageObject(pageObjectClassMap[value], page);
+      return col;
+    }, {});
+
+    return {
+      ...initedLazyPageObjects,
+      ...pageObjects,
+    } as PageObjectsExtended;
+  }
+
+  return base.extend<
+    ScoutTestFixtures & {
+      pageObjects: PageObjectsExtended;
+    },
+    ScoutWorkerFixtures & {
+      browserAuth: IndexManagementBrowserAuthFixture;
+    }
+  >({
+    pageObjects: async (
+      {
+        pageObjects,
+        page,
+      }: {
+        pageObjects: PageObjectsExtended;
+        page: ScoutPage;
+      },
+      use: (pageObjects: PageObjectsExtended) => Promise<void>
+    ) => {
+      const extendedPageObjects = extendPOs(pageObjects, page);
+      await use(extendedPageObjects);
+    },
+    browserAuth: async (
+      { browserAuth }: { browserAuth: BrowserAuthFixture },
+      use: (browserAuth: IndexManagementBrowserAuthFixture) => Promise<void>
+    ) => {
+      const loginAsIndexManagementUser = async () =>
+        browserAuth.loginWithCustomRole(CUSTOM_ROLES.indexManagementUser);
+
+      await use({
+        ...browserAuth,
+        loginAsIndexManagementUser,
+      });
+    },
+  });
+};
+
+export const test = createTest<{ indexManagement: IndexManagement }>({
+  indexManagement: IndexManagement,
+});
@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+
+import type { PageObjects, ScoutPage } from '@kbn/scout';
+import { createLazyPageObject } from '@kbn/scout';
+import { IndexManagement } from './index_management_page';
+
+export interface IndexManagementPageObjects extends PageObjects {
+  indexManagement: IndexManagement;
+}
+
+export function extendPageObjects(
+  pageObjects: PageObjects,
+  page: ScoutPage
+): IndexManagementPageObjects {
+  return {
+    ...pageObjects,
+    indexManagement: createLazyPageObject(IndexManagement, page),
+  };
+}