[Inference UI] Add scout tests for feature settings page

.agents/skills/scout-ui-testing/SKILL.md

@@ -38,10 +38,14 @@ description: Use when creating, updating, debugging, or reviewing Scout UI tests
 ## Page objects (UI)
 
 - Prefer `page.testSubj.locator(...)`, role/label locators; avoid brittle CSS.
-- Keep selectors + interactions inside the page object class.
+- Keep selectors + interactions inside the page object class. **Do not use `expect` assertions in page objects** — use `waitForSelector` for waiting on elements. Assertions belong in test specs only.
+- **Keep route mocks out of page objects** — page objects are for UI interactions only. Put `page.route()` mocks in a dedicated `fixtures/mocks.ts` file as standalone functions that accept `page` as a parameter. See `cloud_security_posture/test/scout_cspm_agentless/ui/fixtures/mocks.ts` for the reference pattern.
 - Don't make API calls from page objects (use `apiServices`/`kbnClient` in hooks instead).
 - Register plugin page objects by extending the `pageObjects` fixture in `test/scout*/ui/fixtures/index.ts`.
+- **Use `readonly` class fields for static locators** — assign them in the constructor, not as getter methods. Use methods only for parameterized locators/actions. See `DashboardApp` in `kbn-scout` for the reference pattern.
 - Scout provides EUI component wrappers for stable interactions with common EUI widgets: `EuiComboBoxWrapper`, `EuiDataGridWrapper`, `EuiSelectableWrapper`, `EuiCheckBoxWrapper`, `EuiFieldTextWrapper`, `EuiCodeBlockWrapper`, `EuiSuperSelectWrapper`, `EuiToastWrapper`. Import them from `@kbn/scout` and use them as class members in page objects.
+- **Avoid `.first()`, `.nth()`, `.last()`** — the `playwright/no-nth-methods` lint rule flags these. Instead, use `data-test-subj` attributes or other targeted selectors. If the component lacks a `data-test-subj`, add one rather than disabling the rule.
+- **Do not disable eslint rules** — avoid `eslint-disable` comments in test files. Fix the underlying issue (e.g., use targeted selectors instead of positional ones, add `data-test-subj` to the components) rather than suppressing the lint rule.
 
 ## Parallel UI specifics (spaceTest)
 

.buildkite/scout_ci_config.yml

@@ -35,6 +35,7 @@ plugins:
     - saved_objects_management
     - search_getting_started
     - search_homepage
+    - search_inference_endpoints
     - security
     - security_solution
     - share

.github/CODEOWNERS

@@ -1200,6 +1200,7 @@ x-pack/platform/test/plugin_api_perf/plugins/task_manager_performance @elastic/r
 x-pack/platform/test/reporting_api_integration/plugins/reporting_fixture @elastic/response-ops
 x-pack/platform/test/reporting_api_integration/plugins/reporting_test_routes @elastic/response-ops
 x-pack/platform/test/saved_object_api_integration/common/plugins/saved_object_test_plugin @elastic/kibana-security
+x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture @elastic/search-kibana
 x-pack/platform/test/security_api_integration/packages/helpers @elastic/kibana-security
 x-pack/platform/test/security_api_integration/plugins/audit_log @elastic/kibana-security
 x-pack/platform/test/security_api_integration/plugins/features_provider @elastic/kibana-security

package.json

@@ -999,6 +999,7 @@
     "@kbn/search-homepage": "link:x-pack/solutions/search/plugins/search_homepage",
     "@kbn/search-index-documents": "link:x-pack/platform/packages/shared/kbn-search-index-documents",
     "@kbn/search-inference-endpoints": "link:x-pack/platform/plugins/shared/search_inference_endpoints",
+    "@kbn/search-inference-endpoints-fixture-plugin": "link:x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture",
     "@kbn/search-navigation": "link:x-pack/solutions/search/plugins/search_navigation",
     "@kbn/search-notebooks": "link:x-pack/solutions/search/plugins/search_notebooks",
     "@kbn/search-playground": "link:x-pack/solutions/search/plugins/search_playground",

src/platform/packages/shared/kbn-scout/src/servers/configs/config_sets/inference_test/serverless/search.serverless.config.ts

@@ -0,0 +1,26 @@
+/*
+ * 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", the "GNU Affero General Public License v3.0 only", and the "Server Side
+ * Public License v 1"; you may not use this file except in compliance with, at
+ * your election, the "Elastic License 2.0", the "GNU Affero General Public
+ * License v3.0 only", or the "Server Side Public License, v 1".
+ */
+
+import { resolve } from 'path';
+import { REPO_ROOT } from '@kbn/repo-info';
+import { servers as defaultConfig } from '../../default/serverless/search.serverless.config';
+import type { ScoutServerConfig } from '../../../../../types';
+
+const pluginPath = `--plugin-path=${resolve(
+  REPO_ROOT,
+  'x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture'
+)}`;
+
+export const servers: ScoutServerConfig = {
+  ...defaultConfig,
+  kbnTestServer: {
+    ...defaultConfig.kbnTestServer,
+    serverArgs: [...defaultConfig.kbnTestServer.serverArgs, pluginPath],
+  },
+};

src/platform/packages/shared/kbn-scout/src/servers/configs/config_sets/inference_test/stateful/classic.stateful.config.ts

@@ -0,0 +1,26 @@
+/*
+ * 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", the "GNU Affero General Public License v3.0 only", and the "Server Side
+ * Public License v 1"; you may not use this file except in compliance with, at
+ * your election, the "Elastic License 2.0", the "GNU Affero General Public
+ * License v3.0 only", or the "Server Side Public License, v 1".
+ */
+
+import { resolve } from 'path';
+import { REPO_ROOT } from '@kbn/repo-info';
+import type { ScoutServerConfig } from '../../../../../types';
+import { defaultConfig } from '../../default/stateful/base.config';
+
+const pluginPath = `--plugin-path=${resolve(
+  REPO_ROOT,
+  'x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture'
+)}`;
+
+export const servers: ScoutServerConfig = {
+  ...defaultConfig,
+  kbnTestServer: {
+    ...defaultConfig.kbnTestServer,
+    serverArgs: [...defaultConfig.kbnTestServer.serverArgs, pluginPath],
+  },
+};

tsconfig.base.json

@@ -2042,6 +2042,8 @@
       "@kbn/search-index-documents/*": ["x-pack/platform/packages/shared/kbn-search-index-documents/*"],
       "@kbn/search-inference-endpoints": ["x-pack/platform/plugins/shared/search_inference_endpoints"],
       "@kbn/search-inference-endpoints/*": ["x-pack/platform/plugins/shared/search_inference_endpoints/*"],
+      "@kbn/search-inference-endpoints-fixture-plugin": ["x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture"],
+      "@kbn/search-inference-endpoints-fixture-plugin/*": ["x-pack/platform/test/search_inference_endpoints/plugins/search_inference_endpoints_fixture/*"],
       "@kbn/search-navigation": ["x-pack/solutions/search/plugins/search_navigation"],
       "@kbn/search-navigation/*": ["x-pack/solutions/search/plugins/search_navigation/*"],
       "@kbn/search-notebooks": ["x-pack/solutions/search/plugins/search_notebooks"],

x-pack/platform/plugins/shared/search_inference_endpoints/moon.yml

@@ -53,6 +53,7 @@ dependsOn:
   - '@kbn/inference-common'
   - '@kbn/inference-plugin'
   - '@kbn/management-settings-ids'
+  - '@kbn/scout'
 tags:
   - plugin
   - prod
@@ -65,6 +66,7 @@ fileGroups:
     - common/**/*
     - public/**/*
     - server/**/*
+    - test/scout_inference_test/**/*
     - '!target/**/*'
   jest-config:
     - jest.config.js

x-pack/platform/plugins/shared/search_inference_endpoints/public/components/settings/add_model_popover.tsx

@@ -104,6 +104,7 @@ export const AddModelPopover: React.FC<AddModelPopoverProps> = ({
         onChange={handleChange}
         singleSelection
         searchable
+        data-test-subj="add-model-selectable"
         searchProps={{
           placeholder: i18n.translate('xpack.searchInferenceEndpoints.settings.addModel.search', {
             defaultMessage: 'Search models...',

x-pack/platform/plugins/shared/search_inference_endpoints/test/scout_inference_test/ui/fixtures/index.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
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import type { PageObjects, ScoutTestFixtures, ScoutWorkerFixtures } from '@kbn/scout';
+import { test as baseTest, createLazyPageObject } from '@kbn/scout';
+import { FeatureSettingsPage } from './page_objects';
+
+export interface ExtScoutTestFixtures extends ScoutTestFixtures {
+  pageObjects: PageObjects & {
+    featureSettings: FeatureSettingsPage;
+  };
+}
+
+export const test = baseTest.extend<ExtScoutTestFixtures, ScoutWorkerFixtures>({
+  pageObjects: async (
+    {
+      pageObjects,
+      page,
+    }: {
+      pageObjects: ExtScoutTestFixtures['pageObjects'];
+      page: ExtScoutTestFixtures['page'];
+    },
+    use: (pageObjects: ExtScoutTestFixtures['pageObjects']) => Promise<void>
+  ) => {
+    const extendedPageObjects = {
+      ...pageObjects,
+      featureSettings: createLazyPageObject(FeatureSettingsPage, page),
+    };
+
+    await use(extendedPageObjects);
+  },
+});

x-pack/platform/plugins/shared/search_inference_endpoints/test/scout_inference_test/ui/fixtures/mock_data/inference_endpoints.ts

@@ -0,0 +1,69 @@
+/*
+ * 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.
+ */
+
+export const mockInferenceEndpoints = [
+  {
+    inference_id: '.mock-anthropic-claude-3.7-sonnet-chat_completion-a3f1',
+    task_type: 'chat_completion',
+    service: 'elastic',
+    service_settings: { model_id: 'anthropic-claude-3.7-sonnet' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'Anthropic Claude Sonnet 3.7', model_creator: 'Anthropic' },
+    },
+  },
+  {
+    inference_id: '.mock-anthropic-claude-3.7-sonnet-completion-b7d2',
+    task_type: 'completion',
+    service: 'elastic',
+    service_settings: { model_id: 'anthropic-claude-3.7-sonnet' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'Anthropic Claude Sonnet 3.7', model_creator: 'Anthropic' },
+    },
+  },
+  {
+    inference_id: '.mock-openai-gpt-4.1-chat_completion-c9e4',
+    task_type: 'chat_completion',
+    service: 'elastic',
+    service_settings: { model_id: 'openai-gpt-4.1' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'OpenAI GPT-4.1', model_creator: 'OpenAI' },
+    },
+  },
+  {
+    inference_id: '.mock-openai-gpt-4.1-completion-d5f6',
+    task_type: 'completion',
+    service: 'elastic',
+    service_settings: { model_id: 'openai-gpt-4.1' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'OpenAI GPT-4.1', model_creator: 'OpenAI' },
+    },
+  },
+  {
+    inference_id: '.mock-google-gemini-2.5-pro-chat_completion-e2a8',
+    task_type: 'chat_completion',
+    service: 'elastic',
+    service_settings: { model_id: 'google-gemini-2.5-pro' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'Google Gemini 2.5 Pro', model_creator: 'Google' },
+    },
+  },
+  {
+    inference_id: '.mock-google-gemini-2.5-pro-completion-f1b3',
+    task_type: 'completion',
+    service: 'elastic',
+    service_settings: { model_id: 'google-gemini-2.5-pro' },
+    metadata: {
+      heuristics: { properties: ['multilingual', 'multimodal'], status: 'ga' },
+      display: { name: 'Google Gemini 2.5 Pro', model_creator: 'Google' },
+    },
+  },
+];

x-pack/platform/plugins/shared/search_inference_endpoints/test/scout_inference_test/ui/fixtures/mocks.ts

@@ -0,0 +1,60 @@
+/*
+ * 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 { ScoutPage } from '@kbn/scout';
+
+const CONNECTORS_ROUTE = '**/internal/inference/connectors';
+const ENDPOINTS_ROUTE = '**/internal/inference_endpoints/endpoints';
+
+export async function mockConnectors(page: ScoutPage) {
+  await page.route(CONNECTORS_ROUTE, async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({
+        connectors: [
+          {
+            connectorId: 'mock-connector',
+            name: 'Mock Connector',
+            type: '.gen-ai',
+            config: {},
+            capabilities: {},
+            isPreconfigured: false,
+          },
+        ],
+      }),
+    });
+  });
+}
+
+export async function mockEmptyConnectors(page: ScoutPage) {
+  await page.route(CONNECTORS_ROUTE, async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({ connectors: [] }),
+    });
+  });
+}
+
+export async function unmockConnectors(page: ScoutPage) {
+  await page.unroute(CONNECTORS_ROUTE);
+}
+
+export async function mockInferenceEndpoints(page: ScoutPage, endpoints: unknown[]) {
+  await page.route(ENDPOINTS_ROUTE, async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({ inference_endpoints: endpoints }),
+    });
+  });
+}
+
+export async function unmockInferenceEndpoints(page: ScoutPage) {
+  await page.unroute(ENDPOINTS_ROUTE);
+}