[SharedUX] Migrate content management example plugin FTRs to Scout (elastic#268687)

Relates to elastic/kibana-team#2818

## Summary

- Migrated the Content Management example plugin FTR tests to Scout as
part of SharedUX's OnWeek initiative to migrate all SharedUX owned FTR
tests to Scout, improving CI costs and execution time.
- Migrated 3 FTR tests from
`src/platform/test/examples/content_management/` to Scout at
`examples/content_management_examples/test/scout_examples/ui/`
- Removed the FTR test files and their `loadTestFile` entry from
`src/platform/test/examples/config.js`
- Added `contentManagementExamples` to `.buildkite/scout_ci_config.yml`
for CI discovery
- Updated `tsconfig.json` and regenerated `moon.yml` to include Scout
test paths and `@kbn/scout` dependency
- Added a shared `ListingTable` page object to `@kbn/scout` core page
objects (not essential for these tests but foundation for upcoming
[Saved Object Tagging
migration](elastic/kibana-team#2817))
- Used the `scout-migrate-from-ftr` skill to plan and execute the
migration, and `scout-best-practices-reviewer` to validate parity and
best practices compliance.

### Validation
- Tests pass locally against Scout `examples` server config set
- Ran `--repeat-each 30` to verify no flakiness

<img width="955" height="486" alt="Screenshot 2026-05-11 at 15 56 08"
src="https://github.com/user-attachments/assets/e59e1f76-a7cb-41c8-af2a-b70694f1c32e"
/>

Author: angeles-mb

.buildkite/scout_ci_config.yml

@@ -10,6 +10,7 @@ plugins:
     - banners
     - cloud_security_posture
     - console
+    - contentManagementExamples
     - custom_branding
     - dashboard
     - dashboard_markdown

examples/content_management_examples/moon.yml

@@ -30,6 +30,7 @@ dependsOn:
   - '@kbn/saved-objects-finder-plugin'
   - '@kbn/content-management-table-list-view-common'
   - '@kbn/core-saved-objects-api-server'
+  - '@kbn/scout'
 tags:
   - plugin
   - prod
@@ -43,6 +44,7 @@ fileGroups:
     - public/**/*.ts
     - public/**/*.tsx
     - server/**/*.ts
+    - test/scout_examples/**/*
     - '!target/**/*'
   jest-config:
     - jest.config.js

…est/examples/content_management/index.ts …t/scout_examples/ui/playwright.config.tssrc/platform/test/examples/content_management/index.ts renamed to examples/content_management_examples/test/scout_examples/ui/playwright.config.ts src/platform/test/examples/content_management/index.ts renamed to examples/content_management_examples/test/scout_examples/ui/playwright.config.ts

@@ -7,13 +7,8 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-import type { PluginFunctionalProviderContext } from '../../plugin_functional/services';
+import { createPlaywrightConfig } from '@kbn/scout';
 
-// eslint-disable-next-line import/no-default-export
-export default function ({ loadTestFile }: PluginFunctionalProviderContext) {
-  describe('content management examples', function () {
-    loadTestFile(require.resolve('./todo_app'));
-    loadTestFile(require.resolve('./msearch'));
-    loadTestFile(require.resolve('./finder'));
-  });
-}
+export default createPlaywrightConfig({
+  testDir: './tests',
+});

examples/content_management_examples/test/scout_examples/ui/tests/content_management.spec.ts

@@ -0,0 +1,131 @@
+/*
+ * 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 { test } from '@kbn/scout';
+import { expect } from '@kbn/scout/ui';
+
+test.describe('Content Management Examples', { tag: ['@local-stateful-classic'] }, () => {
+  test.beforeAll(async ({ apiServices }) => {
+    await apiServices.sampleData.install('flights');
+  });
+
+  test.afterAll(async ({ apiServices }) => {
+    await apiServices.sampleData.remove('flights');
+  });
+
+  test('Todo app CRUD operations work', async ({ browserAuth, page }) => {
+    await browserAuth.loginAsViewer();
+    await page.gotoApp('contentManagementExamples');
+    await expect(page.testSubj.locator('todosExample')).toBeVisible();
+
+    const todoItems = page.locator('[data-test-subj~="todoItem"]');
+
+    await expect(todoItems).toHaveCount(2);
+
+    // Filter by "Completed" — expect 1 item
+    await page.getByRole('button', { name: 'Completed' }).click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(1);
+
+    // Filter by "Todo" — expect 1 item
+    await page.getByRole('button', { name: 'Todo' }).click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(1);
+
+    // Filter by "All" — expect 2 items
+    await page.getByRole('button', { name: 'All' }).click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(2);
+
+    // Add a new todo
+    const newTodoInput = page.testSubj.locator('newTodo');
+    await newTodoInput.fill('New todo');
+    await newTodoInput.press('Enter');
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(3);
+
+    // Verify new todo text and checkbox state
+    const newTodo = todoItems.filter({ hasText: 'New todo' });
+    await expect(newTodo).toBeVisible();
+    const newTodoCheckbox = newTodo.locator('[data-test-subj~="todoCheckbox"]');
+    await expect(newTodoCheckbox).not.toBeChecked();
+
+    // Toggle the new todo to completed
+    await newTodo.locator('label').click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+
+    // Verify it appears under "Completed" filter
+    await page.getByRole('button', { name: 'Completed' }).click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(2);
+    const completedNewTodo = todoItems.filter({ hasText: 'New todo' });
+    await expect(completedNewTodo).toBeVisible();
+    const completedCheckbox = completedNewTodo.locator('[data-test-subj~="todoCheckbox"]');
+    await expect(completedCheckbox).toBeChecked();
+
+    // Delete the new todo
+    await completedNewTodo.getByLabel('Delete').click();
+    await expect(page.testSubj.locator('todoPending')).toHaveCount(0);
+    await expect(todoItems).toHaveCount(1);
+  });
+
+  test('MSearch demo displays sample flights data', async ({
+    browserAuth,
+    page,
+    pageObjects,
+    kbnUrl,
+  }) => {
+    await browserAuth.loginAsViewer();
+    await page.goto(kbnUrl.get('/app/contentManagementExamples/msearch'));
+
+    await expect(page.testSubj.locator('msearchExample')).toBeVisible();
+    await pageObjects.listingTable.waitUntilTableIsLoaded();
+
+    const expectedItems = [
+      'kibana_sample_data_flights',
+      '[Flights] Airport Connections (Hover Over Airport)',
+      '[Flights] Departures Count Map',
+      '[Flights] Origin Time Delayed',
+      '[Flights] Flight Log',
+    ];
+
+    await expect
+      .poll(() => pageObjects.listingTable.getAllItemsNames())
+      .toEqual(expect.arrayContaining(expectedItems));
+  });
+
+  test('Finder demo displays saved objects from sample data', async ({
+    browserAuth,
+    page,
+    kbnUrl,
+  }) => {
+    await browserAuth.loginAsViewer();
+    await page.goto(kbnUrl.get('/app/contentManagementExamples/finder'));
+
+    await expect(page.testSubj.locator('finderExample')).toBeVisible();
+    await expect(page.testSubj.locator('savedObjectsFinderTable')).toBeVisible();
+
+    const titleElements = page.testSubj.locator('savedObjectFinderTitle');
+    await expect(titleElements.first()).toBeVisible();
+
+    const titles = await titleElements.locator('.euiLink').allTextContents();
+
+    const expectedItems = [
+      'Kibana Sample Data Flights',
+      '[Flights] Airport Connections (Hover Over Airport)',
+      '[Flights] Departures Count Map',
+      '[Flights] Origin Time Delayed',
+      '[Flights] Flight Log',
+    ];
+
+    for (const item of expectedItems) {
+      expect(titles).toContain(item);
+    }
+  });
+});

examples/content_management_examples/tsconfig.json

@@ -9,6 +9,7 @@
     "public/**/*.ts",
     "public/**/*.tsx",
     "server/**/*.ts",
+    "test/scout_examples/**/*",
     "../../typings/**/*"
   ],
   "exclude": [
@@ -28,5 +29,6 @@
     "@kbn/saved-objects-finder-plugin",
     "@kbn/content-management-table-list-view-common",
     "@kbn/core-saved-objects-api-server",
+    "@kbn/scout"
   ]
 }

src/platform/packages/shared/content-management/table_list_view_table/src/__jest__/created_by_column.test.tsx

@@ -112,7 +112,7 @@ describe('created_by column', () => {
     render(<TableListView {...requiredProps} />);
 
     // wait until first render
-    expect(await screen.findByTestId('itemsInMemTable')).toBeVisible();
+    expect(await screen.findByTestId('listingTable-isLoaded')).toBeVisible();
 
     expect(() => screen.getByTestId(/tableHeaderCell_createdBy/)).toThrow();
   });
@@ -130,7 +130,7 @@ describe('created_by column', () => {
     );
 
     // wait until first render
-    expect(await screen.findByTestId('itemsInMemTable')).toBeVisible();
+    expect(await screen.findByTestId('listingTable-isLoaded')).toBeVisible();
 
     expect(() => screen.getByTestId(/tableHeaderCell_createdBy/)).toThrow();
   });

src/platform/packages/shared/content-management/table_list_view_table/src/__jest__/created_by_filter.test.tsx

@@ -140,7 +140,7 @@ describe('created_by filter', () => {
   test('filtering by one creator shows correct item count', async () => {
     render(<TableListView {...requiredProps} createdByEnabled={true} />);
 
-    expect(await screen.findByTestId('itemsInMemTable')).toBeVisible();
+    expect(await screen.findByTestId('listingTable-isLoaded')).toBeVisible();
 
     await user.click(screen.getByTestId('userFilterPopoverButton'));
 
@@ -155,7 +155,7 @@ describe('created_by filter', () => {
   test('filtering by multiple creators shows correct item count', async () => {
     render(<TableListView {...requiredProps} createdByEnabled={true} />);
 
-    expect(await screen.findByTestId('itemsInMemTable')).toBeVisible();
+    expect(await screen.findByTestId('listingTable-isLoaded')).toBeVisible();
 
     await user.click(screen.getByTestId('userFilterPopoverButton'));
 

src/platform/packages/shared/content-management/table_list_view_table/src/components/table.tsx

@@ -396,7 +396,7 @@ export function Table<T extends UserContentCommonSchema>({
           executeQueryOptions={{ enabled: false }}
           sorting={sorting}
           onChange={onTableChange}
-          data-test-subj="itemsInMemTable"
+          data-test-subj={isFetchingItems ? 'listingTable-isLoading' : 'listingTable-isLoaded'}
           rowHeader="attributes.title"
           tableCaption={tableCaption}
           scrollableInline