[ux] migrate synthetics journeys to scout (elastic#253366)

Closes elastic/appex-qa-team#716

## Summary

This PR migrates all running `@elastic/synthetics` journeys in the ux
plugin into Scout test specs.
Since Scout tests are always run, the opt-in pipeline step has been
removed.

### Journeys migrated

| Original journey | Scout spec |
|---|---|
| `core_web_vitals.ts` | `core_web_vitals.spec.ts ` |
| `inp.journey.ts` | `inp.spec.ts` |
| `page_views.ts` | `page_views.spec.ts` |
| `url_ux_query.journey.ts` | `ux_url_query.spec.ts` |
| `ux_client_metrics.journey.ts` | `ux_client_metrics.spec.ts` |
| `ux_js_errors.journey.ts` | `ux_js_errors.spec.ts` |
| `ux_long_task_metric_journey.ts` | `ux_long_task_metrics.spec.ts` |
| `ux_visitor_breakdown.journey.ts` | `ux_visitor_breakdown.spec.ts` |

Re-enabled (was commented out in original index.ts): page_views.ts

### New Scout directory structure

```
x/test/scout/ui/
├── playwright.config.ts
├── fixtures/
│   ├── index.ts                  (extends ObltTestFixtures with UX page objects)
│   ├── constants.ts              (ES archive paths, default query params)
│   └── page_objects/
│       ├── index.ts
│       └── ux_dashboard.ts       (navigation, loading waits, chart locators)
└── tests/
    ├── global.setup.ts           (loads ES archives + INP test data)
    └── *.spec.ts                 (8 test specs)
```

ES archive fixtures remain at `ux/e2e/fixtures/` (rum_8.0.0,
rum_test_data).

### Key fixes during migration
- Updated Core Web Vitals labels: replaced deprecated `"First input
delay"` with `"Interaction to next paint"` (INP replaced FID)
- Fixed brittle selectors: replaced text-concatenation locators with
`data-test-subj` selectors (e.g., `pvBreakdownFilter` for breakdown
dropdown)
- Fixed lazy-loaded sections: `LoadWhenInView` components (JS Errors,
Visitor Breakdown) require scrolling the placeholder into the viewport
to trigger the intersection observer
- Fixed ambiguous text matching: used `{ exact: true }` for browser
legend labels that match multiple elements (e.g., `"Chrome"` vs `"Chrome
Mobile"`)
- Removed buggy date picker override: original journeys set date range
via URL params (2020–2021) then overrode to 2022 via date picker —
fixture data only exists in 2020–2021, so the override was a latent bug
- Guarded INP data against duplicates: added idempotency check before
indexing INP test transactions

### CI changes

- Added ux to `.buildkite/scout_ci_config.yml`
- Removed `ux_plugin_e2e.yml` pipeline and `ux_synthetics_e2e.sh` script
- Removed `ux/.buildkite/` flaky test pipeline
- Cleaned up `ftr_oblt_stateful_configs.yml`

Made with [Cursor](https://cursor.com)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 45aebb3)

Author: dmlemeshko

.buildkite/ftr_oblt_stateful_configs.yml

@@ -15,8 +15,6 @@ disabled:
   - x-pack/solutions/observability/plugins/uptime/e2e/uptime/synthetics_run.ts
   - x-pack/solutions/observability/plugins/synthetics/e2e/config.ts
   - x-pack/solutions/observability/plugins/synthetics/e2e/synthetics/synthetics_run.ts
-  - x-pack/solutions/observability/plugins/exploratory_view/e2e/synthetics_run.ts
-  - x-pack/solutions/observability/plugins/ux/e2e/synthetics_run.ts
   - x-pack/solutions/observability/plugins/slo/e2e/synthetics_run.ts
 
   # Configs that exist but weren't running in CI when this file was introduced

.buildkite/pipelines/pull_request/ux_plugin_e2e.yml

@@ -20,6 +20,7 @@ plugins:
     - spaces
     - streams_app
     - transform
+    - ux
     - workflows_extensions
   disabled:
 

.buildkite/scout_ci_config.yml

@@ -121,7 +121,6 @@ const SKIPPABLE_PR_MATCHERS = prConfig.skip_ci_on_only_changed!.map((r) => new R
     ) {
       pipeline.push(getPipeline('.buildkite/pipelines/pull_request/synthetics_plugin.yml'));
       pipeline.push(getPipeline('.buildkite/pipelines/pull_request/uptime_plugin.yml'));
-      pipeline.push(getPipeline('.buildkite/pipelines/pull_request/ux_plugin_e2e.yml'));
     }
 
     const aiInfraPaths = [

.buildkite/scripts/pipelines/pull_request/pipeline.ts

@@ -81,7 +81,7 @@ export function WebCoreVitalsTitle({
           {loading ? (
             <EuiLoadingSpinner />
           ) : (
-            <EuiText size="s">
+            <EuiText size="s" data-test-subj="uxCoreVitalsTrafficSummary">
               <FormattedMessage
                 id="xpack.observability.ux.dashboard.webCoreVitals.traffic"
                 defaultMessage="{trafficPerc} of the traffic represented"

.buildkite/scripts/steps/functional/ux_synthetics_e2e.sh

@@ -5,7 +5,7 @@
  * 2.0.
  */
 import type { Page } from '@elastic/synthetics';
-import { waitForLoadingToFinish } from '@kbn/ux-plugin/e2e/journeys/utils';
+import { waitForLoadingToFinish } from './utils';
 
 export function loginPageProvider({
   page,

x-pack/solutions/observability/plugins/observability/public/pages/overview/components/sections/ux/core_web_vitals/web_core_vitals_title.tsx

@@ -5,7 +5,39 @@
  * 2.0.
  */
 import type { Page } from '@elastic/synthetics';
-import { waitForLoadingToFinish } from '@kbn/ux-plugin/e2e/journeys/utils';
+
+export const byTestId = (testId: string) => {
+  return `[data-test-subj="${testId}"]`;
+};
+
+export async function waitForLoadingToFinish({ page }: { page: Page }) {
+  let retries = 50;
+  while (retries) {
+    retries--;
+    if ((await page.$(byTestId('kbnLoadingMessage'))) === null) break;
+    await page.waitForTimeout(2 * 1000);
+  }
+  retries = 50;
+  while (retries) {
+    if ((await page.$(byTestId('globalLoadingIndicator'))) === null) break;
+    await page.waitForTimeout(2 * 1000);
+  }
+}
+
+export async function loginToKibana({
+  page,
+  user,
+}: {
+  page: Page;
+  user?: { username: string; password: string };
+}) {
+  await page.fill('[data-test-subj=loginUsername]', user?.username ?? 'elastic', {
+    timeout: 60 * 1000,
+  });
+  await page.fill('[data-test-subj=loginPassword]', user?.password ?? 'changeme');
+  await page.click('[data-test-subj=loginSubmit]');
+  await waitForLoadingToFinish({ page });
+}
 
 export function utilsPageProvider({ page }: { page: Page }) {
   return {

x-pack/solutions/observability/plugins/synthetics/e2e/page_objects/login.tsx

@@ -6,10 +6,10 @@
  */
 
 import { journey, step, before, after, expect } from '@elastic/synthetics';
-import { byTestId } from '@kbn/ux-plugin/e2e/journeys/utils';
 import type { RetryService } from '@kbn/ftr-common-functional-services';
 import { v4 as uuidv4 } from 'uuid';
 import { getReasonMessage } from '@kbn/synthetics-plugin/server/alert_rules/status_rule/message_utils';
+import { byTestId } from '../../../page_objects/utils';
 import { syntheticsAppPageProvider } from '../../page_objects/synthetics_app';
 import { SyntheticsServices } from '../services/synthetics_services';
 

x-pack/solutions/observability/plugins/synthetics/e2e/page_objects/utils.tsx

@@ -6,9 +6,9 @@
  */
 
 import { journey, step, before, after, expect } from '@elastic/synthetics';
-import { byTestId } from '@kbn/ux-plugin/e2e/journeys/utils';
 import type { RetryService } from '@kbn/ftr-common-functional-services';
 import moment from 'moment';
+import { byTestId } from '../../../page_objects/utils';
 import { syntheticsAppPageProvider } from '../../page_objects/synthetics_app';
 import { SyntheticsServices } from '../services/synthetics_services';