[FTR] Move find service to shared location (#173874)

## Summary

Refactoring general ui service to a kbn package.

Resolves an [Appex QA](https://github.com/elastic/appex-qa-team) issue.

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>

.eslintrc.js

@@ -671,7 +671,7 @@ module.exports = {
      */
     {
       files: [
-        'test/functional/services/lib/web_element_wrapper/scroll_into_view_if_necessary.js',
+        'packages/kbn-ftr-common-functional-ui-services/services/web_element_wrapper/scroll_into_view_if_necessary.js',
         '**/browser_exec_scripts/**/*.js',
       ],
       rules: {

packages/kbn-ftr-common-functional-ui-services/index.ts

@@ -8,3 +8,15 @@
 
 export { services as commonFunctionalUIServices } from './services/all';
 export type { FtrProviderContext } from './services/ftr_provider_context';
+export { WebElementWrapper } from './services/web_element_wrapper';
+export type {
+  CustomCheerio,
+  CustomCheerioStatic,
+} from './services/web_element_wrapper/custom_cheerio_api';
+export { Browsers } from './services/remote/browsers';
+export {
+  NETWORK_PROFILES,
+  type NetworkOptions,
+  type NetworkProfile,
+} from './services/remote/network_profiles';
+export type { TimeoutOpt } from './types';

packages/kbn-ftr-common-functional-ui-services/services/all.ts

@@ -7,7 +7,11 @@
  */
 
 import { RetryOnStaleProvider } from './retry_on_stale';
+import { RemoteProvider } from './remote';
+import { FindProvider } from './find';
 
 export const services = {
   retryOnStale: RetryOnStaleProvider,
+  __webdriver__: RemoteProvider,
+  find: FindProvider,
 };

packages/kbn-ftr-common-functional-ui-services/services/find.ts

@@ -8,10 +8,12 @@
 
 import { WebDriver, WebElement, By, until } from 'selenium-webdriver';
 
-import { Browsers } from '../remote/browsers';
-import { FtrService, FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
-import { TimeoutOpt } from './types';
+import { Browsers } from './remote/browsers';
+import type { FtrProviderContext } from './ftr_provider_context';
+import { WebElementWrapper } from './web_element_wrapper';
+import { TimeoutOpt } from '../types';
+
+import { FtrService } from './ftr_provider_context';
 
 export class FindService extends FtrService {
   private readonly log = this.ctx.getService('log');

packages/kbn-ftr-common-functional-ui-services/services/ftr_provider_context.ts

@@ -7,8 +7,13 @@
  */
 
 import { GenericFtrProviderContext, GenericFtrService } from '@kbn/test';
+import { RetryService } from '@kbn/ftr-common-functional-services';
+import { services as commonFunctionalUiServices } from './all';
 
-import type { services } from './all';
+const services = {
+  ...commonFunctionalUiServices,
+  retry: RetryService,
+};
 
 type Services = typeof services;
 

packages/kbn-ftr-common-functional-ui-services/services/remote/__tests__/remote_default_window_size.js

@@ -9,9 +9,12 @@
 import { fork } from 'child_process';
 
 import expect from '@kbn/expect';
+import { REPO_ROOT } from '@kbn/repo-info';
 
-const FTR_SCRIPT = require.resolve('../../../../../scripts/functional_test_runner');
-const CONFIG_PATH = require.resolve('./fixtures/several_nested_window_size_changes/config.js');
+const FTR_SCRIPT = require.resolve(`${REPO_ROOT}/scripts/functional_test_runner`);
+const CONFIG_PATH = require.resolve(
+  `${REPO_ROOT}/packages/kbn-ftr-common-functional-ui-services/services/remote/__tests__/fixtures/several_nested_window_size_changes/config.js`
+);
 const SECOND = 1000;
 
 const DEFAULT_SIZE = { width: 1600, height: 1000 };

packages/kbn-ftr-common-functional-ui-services/services/remote/index.ts

@@ -7,3 +7,5 @@
  */
 
 export { RemoteProvider } from './remote';
+export { Browsers } from './browsers';
+export { NETWORK_PROFILES, type NetworkOptions, type NetworkProfile } from './network_profiles';

packages/kbn-ftr-common-functional-ui-services/services/remote/remote.ts

@@ -7,7 +7,7 @@
  */
 
 import { NoSuchSessionError, NoSuchWindowError } from 'selenium-webdriver/lib/error';
-import { FtrProviderContext } from '../../ftr_provider_context';
+import { FtrProviderContext } from '../ftr_provider_context';
 import { initWebDriver, BrowserConfig } from './webdriver';
 import { Browsers } from './browsers';
 

packages/kbn-ftr-common-functional-ui-services/services/web_element_wrapper/scroll_into_view_if_necessary.js

@@ -1,4 +1,4 @@
-/* eslint-disable @kbn/eslint/require-license-header */
+/* eslint-disable @kbn/eslint/require-license-header, no-var */
 
 /* @notice
  * Based on the scroll-into-view-if-necessary module from npm

packages/kbn-ftr-common-functional-ui-services/services/web_element_wrapper/web_element_wrapper.ts

@@ -15,7 +15,7 @@ import { ToolingLog } from '@kbn/tooling-log';
 import { CustomCheerio, CustomCheerioStatic } from './custom_cheerio_api';
 // @ts-ignore not supported yet
 import { scrollIntoViewIfNecessary } from './scroll_into_view_if_necessary';
-import { Browsers } from '../../remote/browsers';
+import { Browsers } from '../remote/browsers';
 
 interface TypeOptions {
   charByChar: boolean;

packages/kbn-ftr-common-functional-ui-services/tsconfig.json

@@ -2,18 +2,15 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "target/types",
-    "types": [
-      "jest",
-      "node"
-    ]
+    "types": ["jest", "cheerio", "node"]
   },
-  "include": [
-    "**/*.ts",
-  ],
-  "exclude": [
-    "target/**/*"
-  ],
+  "include": ["**/*.ts"],
+  "exclude": ["target/**/*"],
   "kbn_references": [
     "@kbn/test",
+    "@kbn/tooling-log",
+    "@kbn/repo-info",
+    "@kbn/test-subj-selector",
+    "@kbn/ftr-common-functional-services"
   ]
 }

test/examples/search/warnings.ts

@@ -9,8 +9,8 @@
 import type { estypes } from '@elastic/elasticsearch';
 import expect from '@kbn/expect';
 import assert from 'assert';
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../../functional/ftr_provider_context';
-import type { WebElementWrapper } from '../../functional/services/lib/web_element_wrapper';
 
 // eslint-disable-next-line import/no-default-export
 export default function ({ getService, getPageObjects }: FtrProviderContext) {

test/functional/apps/discover/group1/_discover_accessibility.ts

@@ -8,7 +8,7 @@
 
 import expect from '@kbn/expect';
 
-import { WebElementWrapper } from '../../../services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {

test/functional/apps/kibana_overview/_analytics.ts

@@ -7,8 +7,8 @@
  */
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../../services/lib/web_element_wrapper';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const find = getService('find');

test/functional/apps/management/data_views/_field_formatter.ts

@@ -8,8 +8,8 @@
 import { ES_FIELD_TYPES } from '@kbn/field-types';
 import expect from '@kbn/expect';
 import { FIELD_FORMAT_IDS } from '@kbn/field-formats-plugin/common';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../../ftr_provider_context';
-import { WebElementWrapper } from '../../../services/lib/web_element_wrapper';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const kibanaServer = getService('kibanaServer');

test/functional/page_objects/console_page.ts

@@ -8,8 +8,8 @@
 
 import { Key } from 'selenium-webdriver';
 import { asyncForEach } from '@kbn/std';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 export class ConsolePageObject extends FtrService {
   private readonly testSubjects = this.ctx.getService('testSubjects');

test/functional/page_objects/dashboard_page_controls.ts

@@ -17,8 +17,8 @@ import { OptionsListSortingType } from '@kbn/controls-plugin/common/options_list
 import expect from '@kbn/expect';
 import { asyncForEach } from '@kbn/std';
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 interface OptionsListAdditionalSettings {
   searchTechnique?: OptionsListSearchTechnique;

test/functional/page_objects/discover_page.ts

@@ -7,8 +7,8 @@
  */
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 export class DiscoverPageObject extends FtrService {
   private readonly retry = this.ctx.getService('retry');

test/functional/page_objects/legacy/data_table_vis.ts

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../../services/lib/web_element_wrapper';
 
 export class LegacyDataTableVisPageObject extends FtrService {
   private readonly testSubjects = this.ctx.getService('testSubjects');

test/functional/page_objects/tag_cloud_page.ts

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 export class TagCloudPageObject extends FtrService {
   private readonly find = this.ctx.getService('find');

test/functional/page_objects/time_picker.ts

@@ -7,8 +7,8 @@
  */
 
 import moment from 'moment';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 export type CommonlyUsed =
   | 'Today'

test/functional/page_objects/timelion_page.ts

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import type { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 export class TimelionPageObject extends FtrService {
   private readonly testSubjects = this.ctx.getService('testSubjects');

test/functional/page_objects/visual_builder_page.ts

@@ -7,8 +7,8 @@
  */
 
 import type { DebugState } from '@elastic/charts';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 type Duration =
   | 'Milliseconds'

test/functional/services/combo_box.ts

@@ -7,8 +7,8 @@
  */
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from './lib/web_element_wrapper';
 
 /**
  * wrapper around EuiComboBox interactions

test/functional/services/common/browser.ts

@@ -15,14 +15,14 @@ import Url from 'url';
 
 import { NoSuchSessionError } from 'selenium-webdriver/lib/error';
 import sharp from 'sharp';
-import { FtrService, type FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
-import { Browsers } from '../remote/browsers';
 import {
+  WebElementWrapper,
+  Browsers,
   NETWORK_PROFILES,
   type NetworkOptions,
   type NetworkProfile,
-} from '../remote/network_profiles';
+} from '@kbn/ftr-common-functional-ui-services';
+import { FtrService, type FtrProviderContext } from '../../ftr_provider_context';
 
 export type Browser = BrowserService;
 

test/functional/services/common/index.ts

@@ -9,7 +9,6 @@
 export type { Browser } from './browser';
 export { BrowserProvider } from './browser';
 export { FailureDebuggingProvider } from './failure_debugging';
-export { FindProvider } from './find';
 export { PngService } from './png';
 export { ScreenshotsService } from './screenshots';
 export { SnapshotsService } from './snapshots';

test/functional/services/common/screenshots.ts

@@ -12,9 +12,9 @@ import { promisify } from 'util';
 
 import del from 'del';
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { comparePngs } from '../lib/compare_pngs';
 import { FtrProviderContext, FtrService } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
 
 const mkdirAsync = promisify(mkdir);
 const writeFileAsync = promisify(writeFile);

test/functional/services/common/test_subjects.ts

@@ -7,9 +7,8 @@
  */
 
 import { subj as testSubjSelector } from '@kbn/test-subj-selector';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
+import { WebElementWrapper, type TimeoutOpt } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../ftr_provider_context';
-import { TimeoutOpt } from './types';
 
 interface ExistsOptions {
   timeout?: number;

test/functional/services/dashboard/expectations.ts

@@ -7,8 +7,8 @@
  */
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
 
 export class DashboardExpectService extends FtrService {
   private readonly log = this.ctx.getService('log');

test/functional/services/dashboard/panel_actions.ts

@@ -6,7 +6,7 @@
  * Side Public License, v 1.
  */
 
-import { WebElementWrapper } from '../lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../ftr_provider_context';
 
 const REMOVE_PANEL_DATA_TEST_SUBJ = 'embeddablePanelAction-deletePanel';

test/functional/services/dashboard/panel_drilldown_actions.ts

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
 
 const CREATE_DRILLDOWN_DATA_TEST_SUBJ = 'embeddablePanelAction-OPEN_FLYOUT_ADD_DRILLDOWN';
 const MANAGE_DRILLDOWNS_DATA_TEST_SUBJ = 'embeddablePanelAction-OPEN_FLYOUT_EDIT_DRILLDOWN';

test/functional/services/dashboard/panel_settings.ts

@@ -6,9 +6,9 @@
  * Side Public License, v 1.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 import { CommonlyUsed } from '../../page_objects/time_picker';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
 
 export function DashboardCustomizePanelProvider({ getService, getPageObject }: FtrProviderContext) {
   const log = getService('log');

test/functional/services/data_grid.ts

@@ -8,8 +8,8 @@
 
 import { chunk } from 'lodash';
 import { Key } from 'selenium-webdriver';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from './lib/web_element_wrapper';
 
 export interface TabbedGridData {
   columns: string[];

test/functional/services/doc_table.ts

@@ -6,8 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from './lib/web_element_wrapper';
 
 interface SelectOptions {
   isAnchorRow?: boolean;

test/functional/services/index.ts

@@ -13,7 +13,6 @@ import { AppsMenuService } from './apps_menu';
 import {
   BrowserProvider,
   FailureDebuggingProvider,
-  FindProvider,
   PngService,
   ScreenshotsService,
   SnapshotsService,
@@ -40,7 +39,6 @@ import { InspectorService } from './inspector';
 import { FieldEditorService } from './field_editor';
 import { ManagementMenuService } from './management';
 import { QueryBarService } from './query_bar';
-import { RemoteProvider } from './remote';
 import { RenderableService } from './renderable';
 import { ToastsService } from './toasts';
 import { DataGridService } from './data_grid';
@@ -61,10 +59,8 @@ import { DashboardSettingsProvider } from './dashboard/dashboard_settings';
 export const services = {
   ...commonServiceProviders,
   ...commonFunctionalUIServices,
-  __webdriver__: RemoteProvider,
   filterBar: FilterBarService,
   queryBar: QueryBarService,
-  find: FindProvider,
   testSubjects: TestSubjects,
   docTable: DocTableService,
   png: PngService,

test/functional/services/saved_objects_finder.ts

@@ -7,8 +7,8 @@
  */
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
-import { WebElementWrapper } from './lib/web_element_wrapper';
 
 export class SavedObjectsFinderService extends FtrService {
   private readonly testSubjects = this.ctx.getService('testSubjects');

test/functional/services/visualizations/elastic_chart.ts

@@ -9,8 +9,8 @@
 import { DebugState } from '@elastic/charts';
 
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../lib/web_element_wrapper';
 
 declare global {
   interface Window {

x-pack/test/accessibility/apps/group1/dashboard_panel_options.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
-import type { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const a11y = getService('a11y');

x-pack/test/functional/apps/discover/visualize_field.ts

@@ -7,7 +7,7 @@
 
 import expect from '@kbn/expect';
 import { DebugState } from '@elastic/charts';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 export default function ({ getPageObjects, getService }: FtrProviderContext) {

x-pack/test/functional/apps/infra/hosts_view.ts

@@ -10,7 +10,7 @@ import expect from '@kbn/expect';
 import { parse } from 'url';
 import { enableInfrastructureHostsView } from '@kbn/observability-plugin/common';
 import { ALERT_STATUS_ACTIVE, ALERT_STATUS_RECOVERED } from '@kbn/rule-data-utils';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 import {
   DATES,

x-pack/test/functional/apps/observability_log_explorer/dataset_selector.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 import expect from '@kbn/expect';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from './config';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 
 const initialPackageMap = {
   apache: 'Apache HTTP Server',

x-pack/test/functional/page_objects/graph_page.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
 
 interface Node {

x-pack/test/functional/page_objects/infra_hosts_view.ts

@@ -6,7 +6,7 @@
  */
 
 import { AlertStatus } from '@kbn/rule-data-utils';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export function InfraHostsViewProvider({ getService }: FtrProviderContext) {

x-pack/test/functional/page_objects/infra_metrics_explorer.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export function InfraMetricsExplorerProvider({ getService }: FtrProviderContext) {

x-pack/test/functional/page_objects/ingest_pipelines_page.ts

@@ -6,7 +6,7 @@
  */
 
 import path from 'path';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export function IngestPipelinesPageProvider({ getService, getPageObjects }: FtrProviderContext) {

x-pack/test/functional/page_objects/lens_page.ts

@@ -9,7 +9,7 @@ import expect from '@kbn/expect';
 import { setTimeout as setTimeoutAsync } from 'timers/promises';
 import type { FittingFunction, XYCurveType } from '@kbn/lens-plugin/public';
 import { DebugState } from '@elastic/charts';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 import { logWrapper } from './log_wrapper';
 

x-pack/test/functional/page_objects/navigational_search.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
 
 interface SearchResult {

x-pack/test/functional/page_objects/observability_log_explorer.ts

@@ -11,7 +11,7 @@ import {
 } from '@kbn/observability-log-explorer-plugin/common';
 import rison from '@kbn/rison';
 import querystring from 'querystring';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export interface IntegrationPackage {

x-pack/test/functional/page_objects/tag_management_page.ts

@@ -7,7 +7,7 @@
 
 /* eslint-disable max-classes-per-file */
 
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService, FtrProviderContext } from '../ftr_provider_context';
 
 interface FillTagFormFields {

x-pack/test/functional/services/cases/list.ts

@@ -6,7 +6,7 @@
  */
 
 import { CaseSeverity, CaseStatuses } from '@kbn/cases-plugin/common/types/domain';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 import { CasesCommon } from './common';
 

x-pack/test/functional/services/infra_source_configuration_form.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
 
 export function InfraSourceConfigurationFormProvider({
   getService,

x-pack/test/functional/services/logs_ui/log_entry_categories.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 export function LogEntryCategoriesPageProvider({ getPageObjects, getService }: FtrProviderContext) {

x-pack/test/functional/services/logs_ui/log_entry_rate.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 export function LogEntryRatePageProvider({ getPageObjects, getService }: FtrProviderContext) {

x-pack/test/functional/services/logs_ui/log_stream.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 import { TabsParams } from '../../page_objects/infra_logs_page';
 
 export function LogStreamPageProvider({ getPageObjects, getService }: FtrProviderContext) {

x-pack/test/functional/services/ml/common_table_service.ts

@@ -6,7 +6,7 @@
  */
 
 import expect from '@kbn/expect';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 export type MlTableService = ReturnType<typeof MlTableServiceProvider>;

x-pack/test/functional/services/ml/common_ui.ts

@@ -7,7 +7,7 @@
 
 import expect from '@kbn/expect';
 import { ProvidedType } from '@kbn/test';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 import type { CanvasElementColorStats } from '../canvas_element';

x-pack/test/functional/services/ml/data_frame_analytics_results.ts

@@ -6,7 +6,7 @@
  */
 
 import expect from '@kbn/expect';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 import type { CanvasElementColorStats } from '../canvas_element';
 import type { MlCommonUI } from './common_ui';

x-pack/test/functional/services/ml/data_frame_analytics_table.ts

@@ -8,7 +8,7 @@
 import expect from '@kbn/expect';
 import { ProvidedType } from '@kbn/test';
 
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 type ExpectedSectionTableEntries = Record<string, string>;

x-pack/test/functional/services/ml/stack_management_jobs.ts

@@ -14,7 +14,7 @@ import path from 'path';
 import type { JobType, MlSavedObjectType } from '@kbn/ml-plugin/common/types/saved_objects';
 import type { Job, Datafeed } from '@kbn/ml-plugin/common/types/anomaly_detection_jobs';
 import type { DataFrameAnalyticsConfig } from '@kbn/ml-data-frame-analytics-utils';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../../ftr_provider_context';
 
 type SyncFlyoutObjectType =

x-pack/test/functional/services/ml/swim_lane.ts

@@ -9,8 +9,8 @@ import expect from '@kbn/expect';
 import { ProvidedType } from '@kbn/test';
 import { DebugState } from '@elastic/charts';
 import { DebugStateAxis } from '@elastic/charts/dist/state/types';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 
 type HeatmapDebugState = Required<Pick<DebugState, 'heatmap' | 'axes' | 'legend'>>;
 

x-pack/test/functional/services/ml/trained_models_table.ts

@@ -9,7 +9,7 @@ import expect from '@kbn/expect';
 import { ProvidedType } from '@kbn/test';
 import { upperFirst } from 'lodash';
 
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../../ftr_provider_context';
 import type { MlCommonUI } from './common_ui';
 import { MappedInputParams, MappedOutput, ModelType, TrainedModelsActions } from './trained_models';

x-pack/test/functional/services/observability/alerts/common.ts

@@ -8,8 +8,8 @@
 import expect from '@kbn/expect';
 import { chunk } from 'lodash';
 import { ALERT_STATUS_ACTIVE, ALERT_STATUS_RECOVERED, AlertStatus } from '@kbn/rule-data-utils';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../../ftr_provider_context';
-import { WebElementWrapper } from '../../../../../../test/functional/services/lib/web_element_wrapper';
 
 // Based on the x-pack/test/functional/es_archives/observability/alerts archive.
 const DATE_WITH_DATA = {

x-pack/test/functional/services/search_sessions.ts

@@ -9,7 +9,7 @@ import { ELASTIC_HTTP_VERSION_HEADER } from '@kbn/core-http-common';
 import { INITIAL_SEARCH_SESSION_REST_VERSION } from '@kbn/data-plugin/server';
 import expect from '@kbn/expect';
 import { SavedObjectsFindResponse } from '@kbn/core/server';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../ftr_provider_context';
 
 const SEARCH_SESSION_INDICATOR_TEST_SUBJ = 'searchSessionIndicator';

x-pack/test/functional/services/transform/transform_table.ts

@@ -7,7 +7,7 @@
 
 import expect from '@kbn/expect';
 
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 
 import { FtrProviderContext } from '../../ftr_provider_context';
 

x-pack/test/functional_enterprise_search/page_objects/app_search.ts

@@ -5,9 +5,9 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 import { TestSubjects } from '../../../../test/functional/services/common';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
 
 export function AppSearchPageProvider({ getService, getPageObjects }: FtrProviderContext) {
   const PageObjects = getPageObjects(['common']);

x-pack/test/functional_with_es_ssl/page_objects/triggers_actions_ui_page.ts

@@ -6,10 +6,7 @@
  */
 
 import expect from '@kbn/expect';
-import {
-  CustomCheerio,
-  CustomCheerioStatic,
-} from '../../../../test/functional/services/lib/web_element_wrapper/custom_cheerio_api';
+import type { CustomCheerio, CustomCheerioStatic } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 const ENTER_KEY = '\uE007';

x-pack/test/plugin_functional/test_suites/resolver/index.ts

@@ -7,7 +7,7 @@
 
 import expect from '@kbn/expect';
 import { panAnimationDuration } from '@kbn/security-solution-plugin/public/resolver/store/camera/scaling_constants';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 
 import { FtrProviderContext } from '../../ftr_provider_context';
 

x-pack/test/security_solution_endpoint/apps/integrations/endpoint_exceptions.ts

@@ -11,7 +11,7 @@ import { IndexedHostsAndAlertsResponse } from '@kbn/security-solution-plugin/com
 import { EXCEPTION_LIST_ITEM_URL } from '@kbn/securitysolution-list-constants';
 import { ArtifactElasticsearchProperties } from '@kbn/fleet-plugin/server/services';
 import { FoundExceptionListItemSchema } from '@kbn/securitysolution-io-ts-list-types';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../ftr_provider_context';
 import { targetTags } from '../../target_tags';
 

x-pack/test/security_solution_endpoint/page_objects/endpoint_page.ts

@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 export function EndpointPageProvider({ getService, getPageObjects }: FtrProviderContext) {

x-pack/test/security_solution_endpoint/page_objects/ingest_manager_create_package_policy_page.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
 
 export function IngestManagerCreatePackagePolicy({
   getService,

x-pack/test/security_solution_endpoint/page_objects/page_utils.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
-import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
 
 export function EndpointPageUtils({ getService }: FtrProviderContext) {
   const testSubjects = getService('testSubjects');

x-pack/test/security_solution_ftr/page_objects/detections/index.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../../functional/ftr_provider_context';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 
 const ALERT_TABLE_ROW_CSS_SELECTOR = '[data-test-subj="alertsTable"] .euiDataGridRow';
 

x-pack/test/security_solution_ftr/page_objects/hosts/index.ts

@@ -5,8 +5,8 @@
  * 2.0.
  */
 
+import { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrService } from '../../../functional/ftr_provider_context';
-import { WebElementWrapper } from '../../../../../test/functional/services/lib/web_element_wrapper';
 
 export class HostsPageObject extends FtrService {
   private readonly pageObjects = this.ctx.getPageObjects(['common', 'header']);

x-pack/test/tsconfig.json

@@ -165,5 +165,6 @@
     "@kbn/log-explorer-plugin",
     "@kbn/security-plugin-types-common",
     "@kbn/typed-react-router-config",
+    "@kbn/ftr-common-functional-ui-services",
   ]
 }

x-pack/test/upgrade/services/rules_upgrade_services.ts

@@ -6,11 +6,8 @@
  */
 
 import expect from '@kbn/expect';
+import type { CustomCheerio, CustomCheerioStatic } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
-import {
-  CustomCheerio,
-  CustomCheerioStatic,
-} from '../../../../test/functional/services/lib/web_element_wrapper/custom_cheerio_api';
 
 export function RulesHelper({ getPageObjects, getService }: FtrProviderContext) {
   const find = getService('find');

x-pack/test_serverless/functional/page_objects/svl_common_navigation.ts

@@ -16,8 +16,8 @@ import type { NavigationID as DevNavId } from '@kbn/default-nav-devtools';
 // use this for nicer type suggestions, but allow any string anyway
 type NavigationId = MlNavId | AlNavId | MgmtNavId | DevNavId | string;
 
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../ftr_provider_context';
-import type { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
 
 const getSectionIdTestSubj = (sectionId: NavigationId) => `~nav-item-${sectionId}`;
 

x-pack/test_serverless/functional/page_objects/svl_triggers_actions_ui_page.ts

@@ -6,10 +6,7 @@
  */
 
 import expect from '@kbn/expect';
-import type {
-  CustomCheerio,
-  CustomCheerioStatic,
-} from '../../../../test/functional/services/lib/web_element_wrapper/custom_cheerio_api';
+import type { CustomCheerio, CustomCheerioStatic } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../ftr_provider_context';
 
 const ENTER_KEY = '\uE007';

x-pack/test_serverless/functional/test_suites/common/discover/x_pack/visualize_field.ts

@@ -6,7 +6,7 @@
  */
 
 import expect from '@kbn/expect';
-import type { WebElementWrapper } from '../../../../../../../test/functional/services/lib/web_element_wrapper';
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../../../ftr_provider_context';
 
 export default function ({ getPageObjects, getService }: FtrProviderContext) {

x-pack/test_serverless/functional/test_suites/common/examples/search/warnings.ts

@@ -8,7 +8,7 @@
 import type { estypes } from '@elastic/elasticsearch';
 import expect from '@kbn/expect';
 import assert from 'assert';
-import type { WebElementWrapper } from '../../../../../../../test/functional/services/lib/web_element_wrapper';
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../../../../ftr_provider_context';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {

x-pack/test_serverless/functional/test_suites/common/management/index_management/component_templates.ts

@@ -7,8 +7,8 @@
 
 import expect from '@kbn/expect';
 
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../../../ftr_provider_context';
-import type { WebElementWrapper } from '../../../../../../../test/functional/services/lib/web_element_wrapper';
 
 export default ({ getPageObjects, getService }: FtrProviderContext) => {
   const pageObjects = getPageObjects(['svlCommonPage', 'common', 'indexManagement', 'header']);

x-pack/test_serverless/functional/test_suites/common/management/index_management/index_templates.ts

@@ -7,8 +7,8 @@
 
 import expect from '@kbn/expect';
 
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import { FtrProviderContext } from '../../../../ftr_provider_context';
-import type { WebElementWrapper } from '../../../../../../../test/functional/services/lib/web_element_wrapper';
 
 export default ({ getPageObjects, getService }: FtrProviderContext) => {
   const pageObjects = getPageObjects(['svlCommonPage', 'common', 'indexManagement', 'header']);

x-pack/test_serverless/functional/test_suites/observability/infra/hosts_page.ts

@@ -7,7 +7,7 @@
 
 import moment from 'moment';
 import expect from '@kbn/expect';
-import type { WebElementWrapper } from '../../../../../../test/functional/services/lib/web_element_wrapper';
+import type { WebElementWrapper } from '@kbn/ftr-common-functional-ui-services';
 import type { FtrProviderContext } from '../../../ftr_provider_context';
 
 import { HOSTS_VIEW_PATH } from './constants';

x-pack/test_serverless/tsconfig.json

@@ -84,5 +84,6 @@
     "@kbn/log-explorer-plugin",
     "@kbn/index-management-plugin",
     "@kbn/alerting-plugin",
+    "@kbn/ftr-common-functional-ui-services",
   ]
 }