diff --git a/.eslintrc.js b/.eslintrc.js
index f32b6498d998..51cd3440b87d 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -897,6 +897,18 @@ module.exports = {
         ],
       },
     },
+    {
+      files: [
+        'x-pack/plugins/apm/**/*.{js,mjs,ts,tsx}',
+        'x-pack/plugins/observability/**/*.{js,mjs,ts,tsx}',
+        'x-pack/plugins/ux/**/*.{js,mjs,ts,tsx}',
+        'x-pack/plugins/synthetics/**/*.{js,mjs,ts,tsx}',
+        'x-pack/plugins/infra/**/*.{js,mjs,ts,tsx}',
+      ],
+      rules: {
+        '@kbn/telemetry/event_generating_elements_should_be_instrumented': 'error',
+      },
+    },
     {
       // require explicit return types in route handlers for performance reasons
       files: ['x-pack/plugins/apm/server/**/route.ts'],
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 914d4e78e1d0..2d003e7d696b 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -334,6 +334,7 @@ packages/kbn-eslint-config @elastic/kibana-operations
 packages/kbn-eslint-plugin-disable @elastic/kibana-operations
 packages/kbn-eslint-plugin-eslint @elastic/kibana-operations
 packages/kbn-eslint-plugin-imports @elastic/kibana-operations
+packages/kbn-eslint-plugin-telemetry @elastic/actionable-observability
 x-pack/test/encrypted_saved_objects_api_integration/plugins/api_consumer_plugin @elastic/kibana-security
 src/plugins/event_annotation @elastic/kibana-visualizations
 x-pack/test/plugin_api_integration/plugins/event_log @elastic/response-ops
diff --git a/package.json b/package.json
index 967ffe0dd015..9f85e93bf8b4 100644
--- a/package.json
+++ b/package.json
@@ -1059,6 +1059,7 @@
     "@kbn/eslint-plugin-disable": "link:packages/kbn-eslint-plugin-disable",
     "@kbn/eslint-plugin-eslint": "link:packages/kbn-eslint-plugin-eslint",
     "@kbn/eslint-plugin-imports": "link:packages/kbn-eslint-plugin-imports",
+    "@kbn/eslint-plugin-telemetry": "link:packages/kbn-eslint-plugin-telemetry",
     "@kbn/expect": "link:packages/kbn-expect",
     "@kbn/failed-test-reporter-cli": "link:packages/kbn-failed-test-reporter-cli",
     "@kbn/find-used-node-modules": "link:packages/kbn-find-used-node-modules",
diff --git a/packages/kbn-eslint-config/.eslintrc.js b/packages/kbn-eslint-config/.eslintrc.js
index 79369e3ed2ca..36504cb8b835 100644
--- a/packages/kbn-eslint-config/.eslintrc.js
+++ b/packages/kbn-eslint-config/.eslintrc.js
@@ -1,22 +1,18 @@
 const { USES_STYLED_COMPONENTS } = require('@kbn/babel-preset/styled_components_files');
 
 module.exports = {
-  extends: [
-    './javascript.js',
-    './typescript.js',
-    './jest.js',
-    './react.js',
-  ],
+  extends: ['./javascript.js', './typescript.js', './jest.js', './react.js'],
 
   plugins: [
     '@kbn/eslint-plugin-disable',
     '@kbn/eslint-plugin-eslint',
     '@kbn/eslint-plugin-imports',
+    '@kbn/eslint-plugin-telemetry',
     'prettier',
   ],
 
   parserOptions: {
-    ecmaVersion: 2018
+    ecmaVersion: 2018,
   },
 
   env: {
@@ -41,7 +37,7 @@ module.exports = {
         {
           from: 'mkdirp',
           to: false,
-          disallowedMessage: `Don't use 'mkdirp', use the new { recursive: true } option of Fs.mkdir instead`
+          disallowedMessage: `Don't use 'mkdirp', use the new { recursive: true } option of Fs.mkdir instead`,
         },
         {
           from: 'numeral',
@@ -50,7 +46,7 @@ module.exports = {
         {
           from: '@kbn/elastic-idx',
           to: false,
-          disallowedMessage: `Don't use idx(), use optional chaining syntax instead https://ela.st/optchain`
+          disallowedMessage: `Don't use idx(), use optional chaining syntax instead https://ela.st/optchain`,
         },
         {
           from: 'x-pack',
@@ -67,46 +63,45 @@ module.exports = {
         {
           from: 'monaco-editor',
           to: false,
-          disallowedMessage: `Don't import monaco directly, use or add exports to @kbn/monaco`
+          disallowedMessage: `Don't import monaco directly, use or add exports to @kbn/monaco`,
         },
         {
           from: 'tinymath',
           to: '@kbn/tinymath',
-          disallowedMessage: `Don't use 'tinymath', use '@kbn/tinymath'`
+          disallowedMessage: `Don't use 'tinymath', use '@kbn/tinymath'`,
         },
         {
           from: '@kbn/test/types/ftr',
           to: '@kbn/test',
-          disallowedMessage: `import from the root of @kbn/test instead`
+          disallowedMessage: `import from the root of @kbn/test instead`,
         },
         {
           from: 'react-intl',
           to: '@kbn/i18n-react',
-          disallowedMessage: `import from @kbn/i18n-react instead`
+          disallowedMessage: `import from @kbn/i18n-react instead`,
         },
         {
           from: 'styled-components',
           to: false,
           exclude: USES_STYLED_COMPONENTS,
-          disallowedMessage: `Prefer using @emotion/react instead. To use styled-components, ensure you plugin is enabled in packages/kbn-babel-preset/styled_components_files.js.`
+          disallowedMessage: `Prefer using @emotion/react instead. To use styled-components, ensure you plugin is enabled in packages/kbn-babel-preset/styled_components_files.js.`,
         },
-        ...[
-          '@elastic/eui/dist/eui_theme_light.json',
-          '@elastic/eui/dist/eui_theme_dark.json',
-        ].map(from => ({
-          from,
-          to: false,
-          disallowedMessage: `Use "@kbn/ui-theme" to access theme vars.`
-        })),
+        ...['@elastic/eui/dist/eui_theme_light.json', '@elastic/eui/dist/eui_theme_dark.json'].map(
+          (from) => ({
+            from,
+            to: false,
+            disallowedMessage: `Use "@kbn/ui-theme" to access theme vars.`,
+          })
+        ),
         {
           from: '@kbn/test/jest',
           to: '@kbn/test-jest-helpers',
-          disallowedMessage: `import from @kbn/test-jest-helpers instead`
+          disallowedMessage: `import from @kbn/test-jest-helpers instead`,
         },
         {
           from: '@kbn/utility-types/jest',
           to: '@kbn/utility-types-jest',
-          disallowedMessage: `import from @kbn/utility-types-jest instead`
+          disallowedMessage: `import from @kbn/utility-types-jest instead`,
         },
         {
           from: '@kbn/inspector-plugin',
@@ -149,142 +144,126 @@ module.exports = {
      *  of the file being linted so that we could re-route imports from `plugin-client` types to a different package
      *  than `plugin-server` types.
      */
-    '@kbn/imports/exports_moved_packages': ['error', [
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/tooling-log',
-        exportNames: [
-          'DEFAULT_LOG_LEVEL',
-          'getLogLevelFlagsHelp',
-          'LOG_LEVEL_FLAGS',
-          'LogLevel',
-          'Message',
-          'ParsedLogLevel',
-          'parseLogLevel',
-          'pickLevelFromFlags',
-          'ToolingLog',
-          'ToolingLogCollectingWriter',
-          'ToolingLogOptions',
-          'ToolingLogTextWriter',
-          'ToolingLogTextWriterConfig',
-          'Writer',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/ci-stats-reporter',
-        exportNames: [
-          'CiStatsMetric',
-          'CiStatsReporter',
-          'CiStatsReportTestsOptions',
-          'CiStatsTestGroupInfo',
-          'CiStatsTestResult',
-          'CiStatsTestRun',
-          'CiStatsTestType',
-          'CiStatsTiming',
-          'getTimeReporter',
-          'MetricsOptions',
-          'TimingsOptions',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/ci-stats-core',
-        exportNames: [
-          'Config',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/jest-serializers',
-        exportNames: [
-          'createAbsolutePathSerializer',
-          'createStripAnsiSerializer',
-          'createRecursiveSerializer',
-          'createAnyInstanceSerializer',
-          'createReplaceSerializer',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/stdio-dev-helpers',
-        exportNames: [
-          'observeReadable',
-          'observeLines',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/sort-package-json',
-        exportNames: [
-          'sortPackageJson',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/dev-cli-runner',
-        exportNames: [
-          'run',
-          'Command',
-          'RunWithCommands',
-          'CleanupTask',
-          'Command',
-          'CommandRunFn',
-          'FlagOptions',
-          'Flags',
-          'RunContext',
-          'RunFn',
-          'RunOptions',
-          'RunWithCommands',
-          'RunWithCommandsOptions',
-          'getFlags',
-          'mergeFlagOptions'
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/dev-cli-errors',
-        exportNames: [
-          'createFailError',
-          'createFlagError',
-          'isFailError',
-        ]
-      },
-      {
-        from: '@kbn/dev-utils',
-        to: '@kbn/dev-proc-runner',
-        exportNames: [
-          'withProcRunner',
-          'ProcRunner',
-        ]
-      },
-      {
-        from: '@kbn/utils',
-        to: '@kbn/repo-info',
-        exportNames: [
-          'REPO_ROOT',
-          'UPSTREAM_BRANCH',
-          'kibanaPackageJson',
-          'isKibanaDistributable',
-          'fromRoot',
-        ]
-      },
-      {
-        from: '@kbn/presentation-util-plugin/common',
-        to: '@kbn/presentation-util-plugin/test_helpers',
-        exportNames: [
-          'functionWrapper',
-          'fontStyle'
-        ]
-      },
-      {
-        from: '@kbn/fleet-plugin/common',
-        to: '@kbn/fleet-plugin/common/mocks',
-        exportNames: [
-          'createFleetAuthzMock'
-        ]
-      }
-    ]],
+    '@kbn/imports/exports_moved_packages': [
+      'error',
+      [
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/tooling-log',
+          exportNames: [
+            'DEFAULT_LOG_LEVEL',
+            'getLogLevelFlagsHelp',
+            'LOG_LEVEL_FLAGS',
+            'LogLevel',
+            'Message',
+            'ParsedLogLevel',
+            'parseLogLevel',
+            'pickLevelFromFlags',
+            'ToolingLog',
+            'ToolingLogCollectingWriter',
+            'ToolingLogOptions',
+            'ToolingLogTextWriter',
+            'ToolingLogTextWriterConfig',
+            'Writer',
+          ],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/ci-stats-reporter',
+          exportNames: [
+            'CiStatsMetric',
+            'CiStatsReporter',
+            'CiStatsReportTestsOptions',
+            'CiStatsTestGroupInfo',
+            'CiStatsTestResult',
+            'CiStatsTestRun',
+            'CiStatsTestType',
+            'CiStatsTiming',
+            'getTimeReporter',
+            'MetricsOptions',
+            'TimingsOptions',
+          ],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/ci-stats-core',
+          exportNames: ['Config'],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/jest-serializers',
+          exportNames: [
+            'createAbsolutePathSerializer',
+            'createStripAnsiSerializer',
+            'createRecursiveSerializer',
+            'createAnyInstanceSerializer',
+            'createReplaceSerializer',
+          ],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/stdio-dev-helpers',
+          exportNames: ['observeReadable', 'observeLines'],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/sort-package-json',
+          exportNames: ['sortPackageJson'],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/dev-cli-runner',
+          exportNames: [
+            'run',
+            'Command',
+            'RunWithCommands',
+            'CleanupTask',
+            'Command',
+            'CommandRunFn',
+            'FlagOptions',
+            'Flags',
+            'RunContext',
+            'RunFn',
+            'RunOptions',
+            'RunWithCommands',
+            'RunWithCommandsOptions',
+            'getFlags',
+            'mergeFlagOptions',
+          ],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/dev-cli-errors',
+          exportNames: ['createFailError', 'createFlagError', 'isFailError'],
+        },
+        {
+          from: '@kbn/dev-utils',
+          to: '@kbn/dev-proc-runner',
+          exportNames: ['withProcRunner', 'ProcRunner'],
+        },
+        {
+          from: '@kbn/utils',
+          to: '@kbn/repo-info',
+          exportNames: [
+            'REPO_ROOT',
+            'UPSTREAM_BRANCH',
+            'kibanaPackageJson',
+            'isKibanaDistributable',
+            'fromRoot',
+          ],
+        },
+        {
+          from: '@kbn/presentation-util-plugin/common',
+          to: '@kbn/presentation-util-plugin/test_helpers',
+          exportNames: ['functionWrapper', 'fontStyle'],
+        },
+        {
+          from: '@kbn/fleet-plugin/common',
+          to: '@kbn/fleet-plugin/common/mocks',
+          exportNames: ['createFleetAuthzMock'],
+        },
+      ],
+    ],
 
     '@kbn/disable/no_protected_eslint_disable': 'error',
     '@kbn/disable/no_naked_eslint_disable': 'error',
diff --git a/packages/kbn-eslint-plugin-telemetry/README.mdx b/packages/kbn-eslint-plugin-telemetry/README.mdx
new file mode 100644
index 000000000000..11127b2492a5
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/README.mdx
@@ -0,0 +1,13 @@
+---
+id: kibDevDocsOpsEslintPluginTelemetry
+slug: /kibana-dev-docs/ops/kbn-eslint-plugin-telemetry
+title: '@kbn/eslint-plugin-telemetry'
+description: Custom ESLint rules to support telemetry in the Kibana repository
+tags: ['kibana', 'dev', 'contributor', 'operations', 'eslint', 'telemetry']
+---
+
+`@kbn/eslint-plugin-telemetry` is an ESLint plugin providing custom rules for validating JSXCode in the Kibana repo to make sure it can be instrumented for the purposes of telemetry.
+
+## `@kbn/telemetry/instrumentable_elements_should_be_instrumented`
+
+This rule warns engineers to add `data-test-subj` to instrumentable components. It currently suggests the most widely used EUI components (`EuiButton`, `EuiFieldText`, etc), but can be expanded with often-used specific components used in the Kibana repo.
diff --git a/packages/kbn-eslint-plugin-telemetry/helpers/check_node_for_existing_data_test_subj_prop.ts b/packages/kbn-eslint-plugin-telemetry/helpers/check_node_for_existing_data_test_subj_prop.ts
new file mode 100644
index 000000000000..b739dc5116c1
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/helpers/check_node_for_existing_data_test_subj_prop.ts
@@ -0,0 +1,47 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+import type { Scope } from 'eslint';
+import { AST_NODE_TYPES, TSESTree } from '@typescript-eslint/typescript-estree';
+
+export function checkNodeForExistingDataTestSubjProp(
+  node: TSESTree.JSXOpeningElement,
+  getScope: () => Scope.Scope
+): boolean {
+  const hasJsxDataTestSubjProp = node.attributes.find(
+    (attr) => attr.type === AST_NODE_TYPES.JSXAttribute && attr.name.name === 'data-test-subj'
+  );
+
+  if (hasJsxDataTestSubjProp) {
+    return true;
+  }
+
+  const spreadedVariable = node.attributes.find(
+    (attr) => attr.type === AST_NODE_TYPES.JSXSpreadAttribute
+  );
+
+  if (
+    !spreadedVariable ||
+    !('argument' in spreadedVariable) ||
+    !('name' in spreadedVariable.argument)
+  ) {
+    return false;
+  }
+
+  const { name } = spreadedVariable.argument; // The name of the spreaded variable
+
+  const variable = getScope().variables.find((v) => v.name === name); // the variable definition of the spreaded variable
+
+  return variable && variable.defs.length > 0
+    ? variable.defs[0].node.init.properties.find((property: TSESTree.Property) => {
+        if ('value' in property.key) {
+          return property.key.value === 'data-test-subj';
+        }
+        return false;
+      })
+    : false;
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.test.ts b/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.test.ts
new file mode 100644
index 000000000000..36790e883cce
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.test.ts
@@ -0,0 +1,28 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import { getAppName } from './get_app_name';
+
+const SYSTEMPATH = 'systemPath';
+
+const testMap = [
+  ['x-pack/plugins/observability/foo/bar/baz/header_actions.tsx', 'o11y'],
+  ['x-pack/plugins/apm/public/components/app/correlations/correlations_table.tsx', 'apm'],
+  ['x-pack/plugins/cases/public/components/foo.tsx', 'cases'],
+  ['packages/kbn-alerts-ui-shared/src/alert_lifecycle_status_badge/index.tsx', 'kbnAlertsUiShared'],
+];
+
+describe('Get App Name', () => {
+  test.each(testMap)(
+    'should get the responsible app name from a file path',
+    (path, expectedValue) => {
+      const appName = getAppName(`${SYSTEMPATH}/${path}`, SYSTEMPATH);
+      expect(appName).toBe(expectedValue);
+    }
+  );
+});
diff --git a/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.ts b/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.ts
new file mode 100644
index 000000000000..e483a572be89
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/helpers/get_app_name.ts
@@ -0,0 +1,49 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import { camelCase } from 'lodash';
+import path from 'path';
+import { getPkgDirMap } from '@kbn/repo-packages';
+import { REPO_ROOT } from '@kbn/repo-info';
+
+export function getAppName(fileName: string, cwd: string) {
+  const { dir } = path.parse(fileName);
+  const relativePathToFile = dir.replace(cwd, '');
+
+  const packageDirs = Array.from(
+    Array.from(getPkgDirMap(REPO_ROOT).values()).reduce((acc, currentDir) => {
+      const topDirectory = currentDir.normalizedRepoRelativeDir.split('/')[0];
+
+      if (topDirectory) {
+        acc.add(topDirectory);
+      }
+
+      return acc;
+    }, new Set<string>())
+  );
+
+  const relativePathArray = relativePathToFile.split('/');
+
+  const appName = camelCase(
+    packageDirs.reduce((acc, repoPath) => {
+      if (!relativePathArray[1]) return '';
+
+      if (relativePathArray[1] === 'x-pack') {
+        return relativePathArray[3];
+      }
+
+      if (relativePathArray[1].includes(repoPath)) {
+        return relativePathArray[2];
+      }
+
+      return acc;
+    }, '')
+  );
+
+  return appName === 'observability' ? 'o11y' : appName;
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/helpers/get_function_name.ts b/packages/kbn-eslint-plugin-telemetry/helpers/get_function_name.ts
new file mode 100644
index 000000000000..40bb3e8a17e9
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/helpers/get_function_name.ts
@@ -0,0 +1,34 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import { AST_NODE_TYPES, TSESTree } from '@typescript-eslint/typescript-estree';
+
+export function getFunctionName(func: TSESTree.FunctionDeclaration | TSESTree.Node): string {
+  if (
+    'id' in func &&
+    func.id &&
+    func.type === AST_NODE_TYPES.FunctionDeclaration &&
+    func.id.type === AST_NODE_TYPES.Identifier
+  ) {
+    return func.id.name;
+  }
+
+  if (
+    func.parent &&
+    (func.parent.type !== AST_NODE_TYPES.VariableDeclarator ||
+      func.parent.id.type !== AST_NODE_TYPES.Identifier)
+  ) {
+    return getFunctionName(func.parent);
+  }
+
+  if (func.parent?.id && 'name' in func.parent.id) {
+    return func.parent.id.name;
+  }
+
+  return '';
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/helpers/get_intent_from_node.ts b/packages/kbn-eslint-plugin-telemetry/helpers/get_intent_from_node.ts
new file mode 100644
index 000000000000..5df44e5dd0f7
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/helpers/get_intent_from_node.ts
@@ -0,0 +1,133 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+import { TSESTree } from '@typescript-eslint/typescript-estree';
+import camelCase from 'lodash/camelCase';
+
+/*
+    Attempts to get a string representation of the intent
+    out of an array of nodes.
+    
+    Currently supported node types in the array:
+    * String literal text (JSXText)
+    * Translated text via <FormattedMessage> component -> uses prop `defaultMessage`
+    * Translated text via {i18n.translate} call -> uses passed options object key `defaultMessage` 
+*/
+export function getIntentFromNode(originalNode: TSESTree.JSXOpeningElement): string {
+  const parent = originalNode.parent as TSESTree.JSXElement;
+
+  const node = Array.isArray(parent.children) ? parent.children : [];
+
+  if (node.length === 0) {
+    return '';
+  }
+
+  /*
+    In order to satisfy TS we need to do quite a bit of defensive programming.
+    This is my best attempt at providing the minimum amount of typeguards and
+    keeping the code readable. In the cases where types are explicitly set to
+    variables, it was done to help the compiler when it couldn't infer the type.
+    */
+  return node.reduce((acc: string, currentNode) => {
+    switch (currentNode.type) {
+      case 'JSXText':
+        // When node is a string primitive
+        return `${acc}${strip(currentNode.value)}`;
+
+      case 'JSXElement':
+        // Determining whether node is of form `<FormattedMessage defaultMessage="message" />`
+        const name: TSESTree.JSXTagNameExpression = currentNode.openingElement.name;
+        const attributes: Array<TSESTree.JSXAttribute | TSESTree.JSXSpreadAttribute> =
+          currentNode.openingElement.attributes;
+
+        if (!('name' in name) || name.name !== 'FormattedMessage') {
+          return '';
+        }
+
+        const defaultMessageProp = attributes.find(
+          (attribute) => 'name' in attribute && attribute.name.name === 'defaultMessage'
+        );
+
+        if (
+          !defaultMessageProp ||
+          !('value' in defaultMessageProp) ||
+          !('type' in defaultMessageProp.value!) ||
+          defaultMessageProp.value.type !== 'Literal' ||
+          typeof defaultMessageProp.value.value !== 'string'
+        ) {
+          return '';
+        }
+
+        return `${acc}${strip(defaultMessageProp.value.value)}`;
+
+      case 'JSXExpressionContainer':
+        // Determining whether node is of form `{i18n.translate('foo', { defaultMessage: 'message'})}`
+        const expression: TSESTree.JSXEmptyExpression | TSESTree.Expression =
+          currentNode.expression;
+
+        if (!('arguments' in expression)) {
+          return '';
+        }
+
+        const args: TSESTree.CallExpressionArgument[] = expression.arguments;
+        const callee: TSESTree.LeftHandSideExpression = expression.callee;
+
+        if (!('object' in callee)) {
+          return '';
+        }
+
+        const object: TSESTree.LeftHandSideExpression = callee.object;
+        const property: TSESTree.Expression | TSESTree.PrivateIdentifier = callee.property;
+
+        if (!('name' in object) || !('name' in property)) {
+          return '';
+        }
+
+        if (object.name !== 'i18n' || property.name !== 'translate') {
+          return '';
+        }
+
+        const callExpressionArgument: TSESTree.CallExpressionArgument | undefined = args.find(
+          (arg) => arg.type === 'ObjectExpression'
+        );
+
+        if (!callExpressionArgument || callExpressionArgument.type !== 'ObjectExpression') {
+          return '';
+        }
+
+        const defaultMessageValue: TSESTree.ObjectLiteralElement | undefined =
+          callExpressionArgument.properties.find(
+            (prop) =>
+              prop.type === 'Property' && 'name' in prop.key && prop.key.name === 'defaultMessage'
+          );
+
+        if (
+          !defaultMessageValue ||
+          !('value' in defaultMessageValue) ||
+          defaultMessageValue.value.type !== 'Literal' ||
+          typeof defaultMessageValue.value.value !== 'string'
+        ) {
+          return '';
+        }
+
+        return `${acc}${strip(defaultMessageValue.value.value)}`;
+
+      default:
+        break;
+    }
+
+    return acc;
+  }, '');
+}
+
+function strip(input: string): string {
+  if (!input) return '';
+
+  const cleanedString = camelCase(input);
+
+  return `${cleanedString.charAt(0).toUpperCase()}${cleanedString.slice(1)}`;
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/index.ts b/packages/kbn-eslint-plugin-telemetry/index.ts
new file mode 100644
index 000000000000..ea68eae7fdfa
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/index.ts
@@ -0,0 +1,17 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import { EventGeneratingElementsShouldBeInstrumented } from './rules/event_generating_elements_should_be_instrumented';
+
+/**
+ * Custom ESLint rules, add `'@kbn/eslint-plugin-telemetry'` to your eslint config to use them
+ * @internal
+ */
+export const rules = {
+  event_generating_elements_should_be_instrumented: EventGeneratingElementsShouldBeInstrumented,
+};
diff --git a/packages/kbn-eslint-plugin-telemetry/jest.config.js b/packages/kbn-eslint-plugin-telemetry/jest.config.js
new file mode 100644
index 000000000000..f2778eaf7dda
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/jest.config.js
@@ -0,0 +1,13 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+module.exports = {
+  preset: '@kbn/test/jest_node',
+  rootDir: '../..',
+  roots: ['<rootDir>/packages/kbn-eslint-plugin-telemetry'],
+};
diff --git a/packages/kbn-eslint-plugin-telemetry/kibana.jsonc b/packages/kbn-eslint-plugin-telemetry/kibana.jsonc
new file mode 100644
index 000000000000..79c8fbf8adb2
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/kibana.jsonc
@@ -0,0 +1,6 @@
+{
+  "type": "shared-common",
+  "id": "@kbn/eslint-plugin-telemetry",
+  "owner": "@elastic/actionable-observability",
+  "devOnly": true
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/package.json b/packages/kbn-eslint-plugin-telemetry/package.json
new file mode 100644
index 000000000000..9632bf6d0f5c
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "@kbn/eslint-plugin-telemetry",
+  "private": true,
+  "version": "1.0.0",
+  "license": "SSPL-1.0 OR Elastic License 2.0"
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.test.ts b/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.test.ts
new file mode 100644
index 000000000000..c8829f05efd2
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.test.ts
@@ -0,0 +1,71 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import { RuleTester } from 'eslint';
+import {
+  EventGeneratingElementsShouldBeInstrumented,
+  EVENT_GENERATING_ELEMENTS,
+} from './event_generating_elements_should_be_instrumented';
+
+const tsTester = [
+  '@typescript-eslint/parser',
+  new RuleTester({
+    parser: require.resolve('@typescript-eslint/parser'),
+    parserOptions: {
+      sourceType: 'module',
+      ecmaVersion: 2018,
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  }),
+] as const;
+
+const babelTester = [
+  '@babel/eslint-parser',
+  new RuleTester({
+    parser: require.resolve('@babel/eslint-parser'),
+    parserOptions: {
+      sourceType: 'module',
+      ecmaVersion: 2018,
+      requireConfigFile: false,
+      babelOptions: {
+        presets: ['@kbn/babel-preset/node_preset'],
+      },
+    },
+  }),
+] as const;
+
+for (const [name, tester] of [tsTester, babelTester]) {
+  describe(name, () => {
+    tester.run(
+      '@kbn/event_generating_elements_should_be_instrumented',
+      EventGeneratingElementsShouldBeInstrumented,
+      {
+        valid: EVENT_GENERATING_ELEMENTS.map((element) => ({
+          filename: 'foo.tsx',
+          code: `<${element} data-test-subj="foo" />`,
+        })),
+
+        invalid: EVENT_GENERATING_ELEMENTS.map((element) => ({
+          filename: 'foo.tsx',
+          code: `<${element}>Value</${element}>`,
+          errors: [
+            {
+              line: 1,
+              message: `<${element}> should have a \`data-test-subj\` for telemetry purposes. Use the autofix suggestion or add your own.`,
+            },
+          ],
+          output: `<${element} data-test-subj="Value${element
+            .replace('Eui', '')
+            .replace('Empty', '')}">Value</${element}>`,
+        })),
+      }
+    );
+  });
+}
diff --git a/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.ts b/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.ts
new file mode 100644
index 000000000000..d2069d2845e5
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/rules/event_generating_elements_should_be_instrumented.ts
@@ -0,0 +1,92 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import type { Rule } from 'eslint';
+import { AST_NODE_TYPES, TSESTree } from '@typescript-eslint/typescript-estree';
+
+import { checkNodeForExistingDataTestSubjProp } from '../helpers/check_node_for_existing_data_test_subj_prop';
+import { getIntentFromNode } from '../helpers/get_intent_from_node';
+import { getAppName } from '../helpers/get_app_name';
+import { getFunctionName } from '../helpers/get_function_name';
+
+export const EVENT_GENERATING_ELEMENTS = [
+  'EuiButton',
+  'EuiButtonEmpty',
+  'EuiLink',
+  'EuiFieldText',
+  'EuiFieldSearch',
+  'EuiFieldNumber',
+  'EuiSelect',
+  'EuiRadioGroup',
+  'EuiTextArea',
+];
+
+export const EventGeneratingElementsShouldBeInstrumented: Rule.RuleModule = {
+  meta: {
+    type: 'suggestion',
+    fixable: 'code',
+  },
+  create(context) {
+    const { getCwd, getFilename, getScope, report } = context;
+
+    return {
+      JSXIdentifier: (node: TSESTree.Node) => {
+        if (!('name' in node)) {
+          return;
+        }
+
+        const name = String(node.name);
+        const range = node.range;
+        const parent = node.parent;
+
+        if (
+          parent?.type !== AST_NODE_TYPES.JSXOpeningElement ||
+          !EVENT_GENERATING_ELEMENTS.includes(name)
+        ) {
+          return;
+        }
+
+        const hasDataTestSubjProp = checkNodeForExistingDataTestSubjProp(parent, getScope);
+
+        if (hasDataTestSubjProp) {
+          // JSXOpeningElement already has a prop for data-test-subj. Bail.
+          return;
+        }
+
+        // Start building the suggestion.
+
+        // 1. The app name
+        const cwd = getCwd();
+        const fileName = getFilename();
+        const appName = getAppName(fileName, cwd);
+
+        // 2. Component name
+        const functionDeclaration = getScope().block as TSESTree.FunctionDeclaration;
+        const functionName = getFunctionName(functionDeclaration);
+        const componentName = `${functionName.charAt(0).toUpperCase()}${functionName.slice(1)}`;
+
+        // 3. The intention of the element (i.e. "Select date", "Submit", "Cancel")
+        const intent = getIntentFromNode(parent);
+
+        // 4. The element name that generates the events
+        const element = name.replace('Eui', '').replace('Empty', '');
+
+        const suggestion = `${appName}${componentName}${intent}${element}`; // 'o11yHeaderActionsSubmitButton'
+
+        // 6. Report feedback to engineer
+        report({
+          node: node as any,
+          message: `<${name}> should have a \`data-test-subj\` for telemetry purposes. Use the autofix suggestion or add your own.`,
+          fix(fixer) {
+            return fixer.insertTextAfterRange(range, ` data-test-subj="${suggestion}"`);
+          },
+        });
+      },
+    } as Rule.RuleListener;
+  },
+};
diff --git a/packages/kbn-eslint-plugin-telemetry/tsconfig.json b/packages/kbn-eslint-plugin-telemetry/tsconfig.json
new file mode 100644
index 000000000000..75014884aa31
--- /dev/null
+++ b/packages/kbn-eslint-plugin-telemetry/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "target/types",
+    "types": ["jest", "node"],
+    "lib": ["es2021"]
+  },
+  "include": ["**/*.ts"],
+  "exclude": ["target/**/*"],
+  "kbn_references": ["@kbn/repo-packages", "@kbn/repo-info"]
+}
diff --git a/tsconfig.base.json b/tsconfig.base.json
index e4ad01b21f5a..c697ddcb1a1a 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -662,6 +662,8 @@
       "@kbn/eslint-plugin-eslint/*": ["packages/kbn-eslint-plugin-eslint/*"],
       "@kbn/eslint-plugin-imports": ["packages/kbn-eslint-plugin-imports"],
       "@kbn/eslint-plugin-imports/*": ["packages/kbn-eslint-plugin-imports/*"],
+      "@kbn/eslint-plugin-telemetry": ["packages/kbn-eslint-plugin-telemetry"],
+      "@kbn/eslint-plugin-telemetry/*": ["packages/kbn-eslint-plugin-telemetry/*"],
       "@kbn/eso-plugin": ["x-pack/test/encrypted_saved_objects_api_integration/plugins/api_consumer_plugin"],
       "@kbn/eso-plugin/*": ["x-pack/test/encrypted_saved_objects_api_integration/plugins/api_consumer_plugin/*"],
       "@kbn/event-annotation-plugin": ["src/plugins/event_annotation"],
diff --git a/x-pack/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.tsx b/x-pack/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.tsx
index 1045eff2cc6c..a94cad876736 100644
--- a/x-pack/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.tsx
+++ b/x-pack/plugins/apm/public/components/alerting/rule_types/transaction_duration_rule_type/index.tsx
@@ -171,6 +171,7 @@ export function TransactionDurationRuleType(props: Props) {
       })}
     >
       <EuiSelect
+        data-test-subj="apmTransactionDurationRuleTypeSelect"
         value={params.aggregationType}
         options={map(TRANSACTION_ALERT_AGGREGATION_TYPES, (label, key) => {
           return {
diff --git a/x-pack/plugins/apm/public/components/alerting/utils/fields.tsx b/x-pack/plugins/apm/public/components/alerting/utils/fields.tsx
index 3ff3275f8dc8..a385bfaa4d95 100644
--- a/x-pack/plugins/apm/public/components/alerting/utils/fields.tsx
+++ b/x-pack/plugins/apm/public/components/alerting/utils/fields.tsx
@@ -156,6 +156,7 @@ export function IsAboveField({
       })}
     >
       <EuiFieldNumber
+        data-test-subj="apmIsAboveFieldFieldNumber"
         min={0}
         value={value ?? 0}
         onChange={(e) => onChange(parseInt(e.target.value, 10))}
diff --git a/x-pack/plugins/apm/public/components/app/correlations/progress_controls.tsx b/x-pack/plugins/apm/public/components/app/correlations/progress_controls.tsx
index 101713c34597..8dc8669c9ecd 100644
--- a/x-pack/plugins/apm/public/components/app/correlations/progress_controls.tsx
+++ b/x-pack/plugins/apm/public/components/app/correlations/progress_controls.tsx
@@ -56,7 +56,11 @@ export function CorrelationsProgressControls({
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         {!isRunning && (
-          <EuiButton size="s" onClick={onRefresh}>
+          <EuiButton
+            data-test-subj="apmCorrelationsProgressControlsRefreshButton"
+            size="s"
+            onClick={onRefresh}
+          >
             <FormattedMessage
               id="xpack.apm.correlations.refreshButtonTitle"
               defaultMessage="Refresh"
@@ -64,7 +68,11 @@ export function CorrelationsProgressControls({
           </EuiButton>
         )}
         {isRunning && (
-          <EuiButton size="s" onClick={onCancel}>
+          <EuiButton
+            data-test-subj="apmCorrelationsProgressControlsCancelButton"
+            size="s"
+            onClick={onCancel}
+          >
             <FormattedMessage
               id="xpack.apm.correlations.cancelButtonTitle"
               defaultMessage="Cancel"
diff --git a/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/dependency_operation_detail_link.tsx b/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/dependency_operation_detail_link.tsx
index 9f6d8d9b27e6..852af7c32142 100644
--- a/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/dependency_operation_detail_link.tsx
+++ b/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/dependency_operation_detail_link.tsx
@@ -21,5 +21,9 @@ export function DependencyOperationDetailLink(query: Query) {
     query,
   });
 
-  return <EuiLink href={link}>{spanName}</EuiLink>;
+  return (
+    <EuiLink data-test-subj="apmDependencyOperationDetailLink" href={link}>
+      {spanName}
+    </EuiLink>
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/detail_view_header/index.tsx b/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/detail_view_header/index.tsx
index 8e8ed13b9b3f..47becdf9b306 100644
--- a/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/detail_view_header/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/dependency_operation_detail_view/detail_view_header/index.tsx
@@ -26,7 +26,7 @@ export function DetailViewHeader({
   return (
     <EuiFlexGroup direction="column" gutterSize="s" alignItems="flexStart">
       <EuiFlexItem>
-        <EuiLink href={backHref}>
+        <EuiLink data-test-subj="apmDetailViewHeaderLink" href={backHref}>
           <EuiFlexGroup direction="row" gutterSize="xs">
             <EuiFlexItem grow={false}>
               <EuiIcon type="arrowLeft" />
diff --git a/x-pack/plugins/apm/public/components/app/error_group_details/error_sampler/error_sample_detail.tsx b/x-pack/plugins/apm/public/components/app/error_group_details/error_sampler/error_sample_detail.tsx
index 5366f467826c..4251d777602b 100644
--- a/x-pack/plugins/apm/public/components/app/error_group_details/error_sampler/error_sample_detail.tsx
+++ b/x-pack/plugins/apm/public/components/app/error_group_details/error_sampler/error_sample_detail.tsx
@@ -187,7 +187,10 @@ export function ErrorSampleDetails({
         </EuiFlexItem>
         {isTraceExplorerEnabled && (
           <EuiFlexItem grow={false}>
-            <EuiLink href={traceExplorerLink}>
+            <EuiLink
+              data-test-subj="apmErrorSampleDetailsLink"
+              href={traceExplorerLink}
+            >
               <EuiFlexGroup alignItems="center" gutterSize="s">
                 <EuiFlexItem>
                   <EuiIcon type="apmTrace" />
diff --git a/x-pack/plugins/apm/public/components/app/help_popover/help_popover.tsx b/x-pack/plugins/apm/public/components/app/help_popover/help_popover.tsx
index 57f419747624..3a972b44f9a4 100644
--- a/x-pack/plugins/apm/public/components/app/help_popover/help_popover.tsx
+++ b/x-pack/plugins/apm/public/components/app/help_popover/help_popover.tsx
@@ -37,6 +37,7 @@ export function HelpPopoverButton({
   if (buttonTextEnabled) {
     return (
       <EuiButtonEmpty
+        data-test-subj="apmHelpPopoverButtonButton"
         className="apmHelpPopover__buttonIcon"
         size="s"
         iconType="help"
diff --git a/x-pack/plugins/apm/public/components/app/metrics/serverless_metrics/serverless_summary.tsx b/x-pack/plugins/apm/public/components/app/metrics/serverless_metrics/serverless_summary.tsx
index 78884b92a27a..b1c1b0fd7404 100644
--- a/x-pack/plugins/apm/public/components/app/metrics/serverless_metrics/serverless_summary.tsx
+++ b/x-pack/plugins/apm/public/components/app/metrics/serverless_metrics/serverless_summary.tsx
@@ -98,7 +98,11 @@ export function ServerlessSummary({ serverlessId }: Props) {
           </EuiTitle>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiLink href="https://ela.st/feedback-aws-lambda" target="_blank">
+          <EuiLink
+            data-test-subj="apmServerlessSummaryGiveFeedbackLink"
+            href="https://ela.st/feedback-aws-lambda"
+            target="_blank"
+          >
             {i18n.translate('xpack.apm.serverlessMetrics.summary.feedback', {
               defaultMessage: 'Give feedback',
             })}
diff --git a/x-pack/plugins/apm/public/components/app/metrics_details/service_node_metrics/index.tsx b/x-pack/plugins/apm/public/components/app/metrics_details/service_node_metrics/index.tsx
index 1db9c8690891..28865a8ad5f1 100644
--- a/x-pack/plugins/apm/public/components/app/metrics_details/service_node_metrics/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/metrics_details/service_node_metrics/index.tsx
@@ -127,7 +127,10 @@ export function ServiceNodeMetrics({ serviceNodeName }: Props) {
             defaultMessage="We could not identify which JVMs these metrics belong to. This is likely caused by running a version of APM Server that is older than 7.5. Upgrading to APM Server 7.5 or higher should resolve this issue. For more information on upgrading, see the {link}. As an alternative, you can use the Kibana Query bar to filter by hostname, container ID or other fields."
             values={{
               link: (
-                <EuiLink href={docLinks.links.apm.upgrading}>
+                <EuiLink
+                  data-test-subj="apmServiceNodeMetricsDocumentationOfApmServerLink"
+                  href={docLinks.links.apm.upgrading}
+                >
                   {i18n.translate(
                     'xpack.apm.serviceNodeMetrics.unidentifiedServiceNodesWarningDocumentationLink',
                     { defaultMessage: 'documentation of APM Server' }
diff --git a/x-pack/plugins/apm/public/components/app/mobile/service_overview/filters/index.tsx b/x-pack/plugins/apm/public/components/app/mobile/service_overview/filters/index.tsx
index 0fbab1465226..9dcad10a9fa7 100644
--- a/x-pack/plugins/apm/public/components/app/mobile/service_overview/filters/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/mobile/service_overview/filters/index.tsx
@@ -133,6 +133,7 @@ export function MobileFilters() {
             style={isLarge ? {} : { width: '225px' }}
           >
             <EuiSelect
+              data-test-subj="apmMobileFiltersSelect"
               fullWidth={isSmall}
               isLoading={status === FETCH_STATUS.LOADING}
               prepend={label}
diff --git a/x-pack/plugins/apm/public/components/app/mobile/service_overview/index.tsx b/x-pack/plugins/apm/public/components/app/mobile/service_overview/index.tsx
index 6282c581e477..b5a203213ff3 100644
--- a/x-pack/plugins/apm/public/components/app/mobile/service_overview/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/mobile/service_overview/index.tsx
@@ -133,7 +133,10 @@ export function MobileServiceOverview() {
             preview. You can help us improve the experience by giving feedback. {feedbackLink}."
                   values={{
                     feedbackLink: (
-                      <EuiLink href="https://ela.st/feedback-mobile-apm">
+                      <EuiLink
+                        data-test-subj="apmMobileServiceOverviewGiveFeedbackLink"
+                        href="https://ela.st/feedback-mobile-apm"
+                      >
                         {i18n.translate(
                           'xpack.apm.serviceOverview.mobileCallOutLink',
                           {
@@ -320,7 +323,10 @@ export function MobileServiceOverview() {
                     fixedHeight={true}
                     showPerPageOptions={false}
                     link={
-                      <EuiLink href={dependenciesLink}>
+                      <EuiLink
+                        data-test-subj="apmMobileServiceOverviewViewDependenciesLink"
+                        href={dependenciesLink}
+                      >
                         {i18n.translate(
                           'xpack.apm.serviceOverview.dependenciesTableTabLink',
                           { defaultMessage: 'View dependencies' }
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/edit_button.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/edit_button.tsx
index 8325ffd40195..07b8d8c87f3d 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/edit_button.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/edit_button.tsx
@@ -32,6 +32,7 @@ export function EditButton({ onClick }: Props) {
       )}
     >
       <EuiButton
+        data-test-subj="apmEditButtonEditGroupButton"
         iconType="pencil"
         onClick={() => {
           dismissTour();
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/group_details.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/group_details.tsx
index 36f429b63409..8bad458d5e0e 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/group_details.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/group_details.tsx
@@ -149,6 +149,7 @@ export function GroupDetails({
               }
             >
               <EuiFieldText
+                data-test-subj="apmGroupDetailsFieldText"
                 fullWidth
                 value={description}
                 onChange={(e) => {
@@ -181,7 +182,11 @@ export function GroupDetails({
             </EuiFlexItem>
           )}
           <EuiFlexItem grow={false} style={{ marginLeft: 'auto' }}>
-            <EuiButtonEmpty onClick={onCloseModal} isDisabled={isLoading}>
+            <EuiButtonEmpty
+              data-test-subj="apmGroupDetailsCancelButton"
+              onClick={onCloseModal}
+              isDisabled={isLoading}
+            >
               {i18n.translate(
                 'xpack.apm.serviceGroups.groupDetailsForm.cancel',
                 { defaultMessage: 'Cancel' }
@@ -190,6 +195,7 @@ export function GroupDetails({
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButton
+              data-test-subj="apmGroupDetailsSelectServicesButton"
               fill
               iconType="sortRight"
               iconSide="right"
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/select_services.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/select_services.tsx
index ce60f7c461b6..618e1aefad3f 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/select_services.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_group_save/select_services.tsx
@@ -168,6 +168,7 @@ export function SelectServices({
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="apmSelectServicesButton"
                 onClick={() => {
                   setKuery(stagedKuery);
                 }}
@@ -244,6 +245,7 @@ export function SelectServices({
           <EuiFlexItem>
             <div>
               <EuiButton
+                data-test-subj="apmSelectServicesEditGroupDetailsButton"
                 color="text"
                 onClick={onEditGroupDetailsClick}
                 iconType="sortLeft"
@@ -257,7 +259,11 @@ export function SelectServices({
             </div>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty onClick={onCloseModal} isDisabled={isLoading}>
+            <EuiButtonEmpty
+              data-test-subj="apmSelectServicesCancelButton"
+              onClick={onCloseModal}
+              isDisabled={isLoading}
+            >
               {i18n.translate(
                 'xpack.apm.serviceGroups.selectServicesForm.cancel',
                 {
@@ -268,6 +274,7 @@ export function SelectServices({
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButton
+              data-test-subj="apmSelectServicesSaveGroupButton"
               fill
               onClick={() => {
                 onSaveClick({ ...serviceGroup, kuery });
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/index.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/index.tsx
index cad9cdb6c7db..cde5fa6733ce 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/index.tsx
@@ -106,6 +106,7 @@ export function ServiceGroupsList() {
                 }
               >
                 <EuiFieldText
+                  data-test-subj="apmServiceGroupsListFieldText"
                   icon="search"
                   fullWidth
                   value={filter}
@@ -176,6 +177,7 @@ export function ServiceGroupsList() {
                 </EuiFlexItem>
                 <EuiFlexItem grow={false}>
                   <EuiLink
+                    data-test-subj="apmServiceGroupsListGiveFeedbackLink"
                     href="https://ela.st/feedback-service-groups"
                     target="_blank"
                   >
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx
index f87a7b767c93..6b635798c135 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_list/sort.tsx
@@ -35,6 +35,7 @@ const options: Array<{
 export function Sort({ type, onChange }: Props) {
   return (
     <EuiSelect
+      data-test-subj="apmSortSelect"
       options={options}
       value={type}
       onChange={(e) => onChange(e.target.value as ServiceGroupsSortType)}
diff --git a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx
index 4f7a457be49b..21cdc434a205 100644
--- a/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_groups/service_groups_tour.tsx
@@ -71,7 +71,12 @@ export function ServiceGroupsTour({
       title={title}
       anchorPosition={anchorPosition}
       footerAction={
-        <EuiButtonEmpty color="text" size="xs" onClick={dismissTour}>
+        <EuiButtonEmpty
+          data-test-subj="apmServiceGroupsTourDismissButton"
+          color="text"
+          size="xs"
+          onClick={dismissTour}
+        >
           {i18n.translate('xpack.apm.serviceGroups.tour.dismiss', {
             defaultMessage: 'Dismiss',
           })}
diff --git a/x-pack/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx b/x-pack/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx
index 2b3daac15dc0..995b82d960e6 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/__stories__/cytoscape_example_data.stories.tsx
@@ -67,6 +67,7 @@ export const GenerateMap: Story<{}> = () => {
       <EuiFlexGroup>
         <EuiFlexItem>
           <EuiButton
+            data-test-subj="apmGenerateMapGenerateServiceMapButton"
             onClick={() => {
               setElements(
                 generateServiceMapElements({ size, hasAnomalies: true })
@@ -80,6 +81,7 @@ export const GenerateMap: Story<{}> = () => {
         <EuiFlexItem>
           <EuiToolTip position="right" content="Number of services">
             <EuiFieldNumber
+              data-test-subj="apmGenerateMapFieldNumber"
               placeholder="Size"
               value={size}
               onChange={(e) => setSize(e.target.valueAsNumber)}
@@ -88,6 +90,7 @@ export const GenerateMap: Story<{}> = () => {
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiButton
+            data-test-subj="apmGenerateMapGetJsonButton"
             onClick={() => {
               setJson(JSON.stringify({ elements }, null, 2));
             }}
@@ -183,6 +186,7 @@ export const MapFromJSON: Story<{}> = () => {
               />
               <EuiSpacer />
               <EuiButton
+                data-test-subj="apmMapFromJSONRenderJsonButton"
                 onClick={() => {
                   updateRenderedElements();
                 }}
diff --git a/x-pack/plugins/apm/public/components/app/service_map/empty_banner.tsx b/x-pack/plugins/apm/public/components/app/service_map/empty_banner.tsx
index 84b0bcbd0dbc..2e582551c8a0 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/empty_banner.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/empty_banner.tsx
@@ -68,7 +68,10 @@ export function EmptyBanner() {
           defaultMessage:
             "We will map out connected services and external requests if we can detect them. Please make sure you're running the latest version of the APM agent.",
         })}{' '}
-        <EuiLink href={docLinks.links.apm.supportedServiceMaps}>
+        <EuiLink
+          data-test-subj="apmEmptyBannerLearnMoreInTheDocsLink"
+          href={docLinks.links.apm.supportedServiceMaps}
+        >
           {i18n.translate('xpack.apm.serviceMap.emptyBanner.docsLink', {
             defaultMessage: 'Learn more in the docs',
           })}
diff --git a/x-pack/plugins/apm/public/components/app/service_map/popover/dependency_contents.tsx b/x-pack/plugins/apm/public/components/app/service_map/popover/dependency_contents.tsx
index 7141c856a36f..9ec7773f91c8 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/popover/dependency_contents.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/popover/dependency_contents.tsx
@@ -92,6 +92,7 @@ export function DependencyContents({
       <EuiFlexItem>
         {/* eslint-disable-next-line @elastic/eui/href-or-on-click*/}
         <EuiButton
+          data-test-subj="apmDependencyContentsDependencyDetailsButton"
           href={detailsUrl}
           fill={true}
           onClick={() => {
diff --git a/x-pack/plugins/apm/public/components/app/service_map/popover/edge_contents.tsx b/x-pack/plugins/apm/public/components/app/service_map/popover/edge_contents.tsx
index aeb9a771bf31..e5e3de188de4 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/popover/edge_contents.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/popover/edge_contents.tsx
@@ -67,6 +67,7 @@ export function EdgeContents({ elementData }: ContentsProps) {
     <EuiFlexItem>
       {/* eslint-disable-next-line @elastic/eui/href-or-on-click*/}
       <EuiButton
+        data-test-subj="apmEdgeContentsExploreTracesButton"
         href={url}
         fill={true}
         onClick={() => {
diff --git a/x-pack/plugins/apm/public/components/app/service_map/popover/service_contents.tsx b/x-pack/plugins/apm/public/components/app/service_map/popover/service_contents.tsx
index f5310fad5b22..917fdf651a78 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/popover/service_contents.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/popover/service_contents.tsx
@@ -129,14 +129,23 @@ export function ServiceContents({
       </EuiFlexItem>
       <EuiSpacer size="s" />
       <EuiFlexItem>
-        <EuiButton href={detailsUrl} fill={true}>
+        <EuiButton
+          data-test-subj="apmServiceContentsServiceDetailsButton"
+          href={detailsUrl}
+          fill={true}
+        >
           {i18n.translate('xpack.apm.serviceMap.serviceDetailsButtonText', {
             defaultMessage: 'Service Details',
           })}
         </EuiButton>
       </EuiFlexItem>
       <EuiFlexItem>
-        <EuiButton color="success" href={focusUrl} onClick={onFocusClick}>
+        <EuiButton
+          data-test-subj="apmServiceContentsFocusMapButton"
+          color="success"
+          href={focusUrl}
+          onClick={onFocusClick}
+        >
           {i18n.translate('xpack.apm.serviceMap.focusMapButtonText', {
             defaultMessage: 'Focus map',
           })}
diff --git a/x-pack/plugins/apm/public/components/app/service_map/timeout_prompt.tsx b/x-pack/plugins/apm/public/components/app/service_map/timeout_prompt.tsx
index 31c51f773ab0..cec31e599bb2 100644
--- a/x-pack/plugins/apm/public/components/app/service_map/timeout_prompt.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_map/timeout_prompt.tsx
@@ -46,7 +46,10 @@ export function TimeoutPrompt({
 function ApmSettingsDocLink() {
   const { docLinks } = useApmPluginContext().core;
   return (
-    <EuiLink href={docLinks.links.apm.kibanaSettings}>
+    <EuiLink
+      data-test-subj="apmApmSettingsDocLinkLearnMoreAboutApmSettingsInTheDocsLink"
+      href={docLinks.links.apm.kibanaSettings}
+    >
       {i18n.translate('xpack.apm.serviceMap.timeoutPrompt.docsLink', {
         defaultMessage: 'Learn more about APM settings in the docs',
       })}
diff --git a/x-pack/plugins/apm/public/components/app/service_overview/index.tsx b/x-pack/plugins/apm/public/components/app/service_overview/index.tsx
index 3e2d178357a8..40580ef70014 100644
--- a/x-pack/plugins/apm/public/components/app/service_overview/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/service_overview/index.tsx
@@ -174,7 +174,10 @@ export function ServiceOverview() {
                       fixedHeight={true}
                       showPerPageOptions={false}
                       link={
-                        <EuiLink href={dependenciesLink}>
+                        <EuiLink
+                          data-test-subj="apmServiceOverviewViewDependenciesLink"
+                          href={dependenciesLink}
+                        >
                           {i18n.translate(
                             'xpack.apm.serviceOverview.dependenciesTableTabLink',
                             { defaultMessage: 'View dependencies' }
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/service_page/service_page.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/service_page/service_page.tsx
index a7603163f371..27e942ba49a9 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/service_page/service_page.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/service_page/service_page.tsx
@@ -188,7 +188,10 @@ export function ServicePage({ newConfig, setNewConfig, onClickNext }: Props) {
         {/* Cancel button */}
         <EuiFlexItem grow={false}>
           <LegacyAPMLink path="/settings/agent-configuration">
-            <EuiButtonEmpty color="primary">
+            <EuiButtonEmpty
+              data-test-subj="apmServicePageCancelButton"
+              color="primary"
+            >
               {i18n.translate(
                 'xpack.apm.agentConfig.servicePage.cancelButton',
                 { defaultMessage: 'Cancel' }
@@ -200,6 +203,7 @@ export function ServicePage({ newConfig, setNewConfig, onClickNext }: Props) {
         {/* Next button */}
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="apmServicePageNextStepButton"
             type="submit"
             fill
             onClick={onClickNext}
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/setting_form_row.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/setting_form_row.tsx
index 37bf55ec1f45..092e457e1471 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/setting_form_row.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/setting_form_row.tsx
@@ -41,6 +41,7 @@ function FormRow({
     case 'text': {
       return (
         <EuiFieldText
+          data-test-subj="apmFormRowFieldText"
           placeholder={setting.placeholder}
           value={value || ''}
           onChange={(e) => onChange(setting.key, e.target.value)}
@@ -51,6 +52,7 @@ function FormRow({
     case 'integer': {
       return (
         <EuiFieldNumber
+          data-test-subj="apmFormRowFieldNumber"
           placeholder={setting.placeholder}
           value={(value as any) || ''}
           min={setting.min}
@@ -93,6 +95,7 @@ function FormRow({
         <EuiFlexGroup gutterSize="s">
           <EuiFlexItem grow={false}>
             <EuiFieldNumber
+              data-test-subj="apmFormRowFieldNumber"
               placeholder={setting.placeholder}
               value={amount}
               onChange={(e) =>
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/settings_page.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/settings_page.tsx
index 60ea88028509..0130e8051057 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/settings_page.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/agent_configuration_create_edit/settings_page/settings_page.tsx
@@ -160,7 +160,11 @@ export function SettingsPage({
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               {!isEditMode && (
-                <EuiButton onClick={onClickEdit} iconType="pencil">
+                <EuiButton
+                  data-test-subj="apmSettingsPageEditButton"
+                  onClick={onClickEdit}
+                  iconType="pencil"
+                >
                   {i18n.translate(
                     'xpack.apm.agentConfig.chooseService.editButton',
                     { defaultMessage: 'Edit' }
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/index.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/index.tsx
index 48b421ca0461..74359d03e1a2 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/index.tsx
@@ -96,6 +96,7 @@ function CreateConfigurationButton() {
             }
           >
             <EuiButton
+              data-test-subj="apmAgentConfigurationButtonCreateConfigurationButton"
               color="primary"
               fill
               iconType="plusInCircle"
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/list/index.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/list/index.tsx
index ddfd470023d6..80c97010c9da 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_configurations/list/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_configurations/list/index.tsx
@@ -80,6 +80,7 @@ export function AgentConfigurationList({
           }
         >
           <EuiButton
+            data-test-subj="apmAgentConfigurationListCreateConfigurationButton"
             color="primary"
             fill
             href={createAgentConfigurationHref}
@@ -158,6 +159,7 @@ export function AgentConfigurationList({
       sortable: true,
       render: (_, config: Config) => (
         <EuiButtonEmpty
+          data-test-subj="apmColumnsButton"
           flush="left"
           size="s"
           color="primary"
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_explorer/agent_instances/agent_instances_details/index.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_explorer/agent_instances/agent_instances_details/index.tsx
index db67cf83500b..49dd43cc5c3f 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_explorer/agent_instances/agent_instances_details/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_explorer/agent_instances/agent_instances_details/index.tsx
@@ -79,6 +79,7 @@ export function getInstanceColumns(
                     values={{
                       seeDocs: (
                         <EuiLink
+                          data-test-subj="apmGetInstanceColumnsConfigurationOptionsLink"
                           href={`${agentDocsPageUrl}${
                             !isOpenTelemetryAgentName(agentName)
                               ? 'configuration.html#service-node-name'
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.tsx
index 684a7386f35e..40d4b628cdea 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key.tsx
@@ -133,6 +133,7 @@ export function CreateAgentKeyFlyout({ onCancel, onSuccess, onError }: Props) {
             error={formError}
           >
             <EuiFieldText
+              data-test-subj="apmCreateAgentKeyFlyoutFieldText"
               name="name"
               placeholder={i18n.translate(
                 'xpack.apm.settings.agentKeys.createKeyFlyout.namePlaceholder',
@@ -208,7 +209,10 @@ export function CreateAgentKeyFlyout({ onCancel, onSuccess, onError }: Props) {
       <EuiFlyoutFooter>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty onClick={onCancel}>
+            <EuiButtonEmpty
+              data-test-subj="apmCreateAgentKeyFlyoutCancelButton"
+              onClick={onCancel}
+            >
               {i18n.translate(
                 'xpack.apm.settings.agentKeys.createKeyFlyout.cancelButton',
                 {
@@ -219,6 +223,7 @@ export function CreateAgentKeyFlyout({ onCancel, onSuccess, onError }: Props) {
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButton
+              data-test-subj="apmCreateAgentKeyFlyoutButton"
               fill={true}
               onClick={createAgentKey}
               type="submit"
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key/agent_key_callout.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key/agent_key_callout.tsx
index a96446ce2a2b..7f5d83f5beb1 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key/agent_key_callout.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_keys/create_agent_key/agent_key_callout.tsx
@@ -44,6 +44,7 @@ export function AgentKeyCallOut({ name, token }: Props) {
           )}
         </p>
         <EuiFieldText
+          data-test-subj="apmAgentKeyCallOutFieldText"
           readOnly
           value={token}
           aria-label={i18n.translate(
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_keys/index.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_keys/index.tsx
index a13d17829e6a..54cdf4068ce1 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_keys/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_keys/index.tsx
@@ -88,6 +88,7 @@ export function AgentKeys() {
         {areApiKeysEnabled && canManage && !isEmpty(agentKeys) && (
           <EuiFlexItem grow={false}>
             <EuiButton
+              data-test-subj="apmAgentKeysCreateApmAgentKeyButton"
               onClick={() => setIsFlyoutVisible(true)}
               fill={true}
               iconType="plusInCircle"
@@ -238,6 +239,7 @@ function AgentKeysContent({
         }
         actions={
           <EuiButton
+            data-test-subj="apmAgentKeysContentCreateApmAgentKeyButton"
             onClick={onCreateAgentClick}
             fill={true}
             iconType="plusInCircle"
diff --git a/x-pack/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.tsx b/x-pack/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.tsx
index 91bd9e047429..a23f851ca147 100644
--- a/x-pack/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/agent_keys/prompts/api_keys_not_enabled.tsx
@@ -36,6 +36,7 @@ export function ApiKeysNotEnabled() {
             values={{
               link: (
                 <EuiLink
+                  data-test-subj="apmApiKeysNotEnabledDocsLink"
                   href={docLinks?.links.security.apiKeyServiceSettings}
                   target="_blank"
                 >
diff --git a/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/add_environments.tsx b/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/add_environments.tsx
index f3afd70cfbba..7fbbedfeca27 100644
--- a/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/add_environments.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/add_environments.tsx
@@ -136,7 +136,11 @@ export function AddEnvironments({
       </EuiFormRow>
       <EuiFlexGroup justifyContent="flexEnd">
         <EuiFlexItem grow={false}>
-          <EuiButtonEmpty aria-label="Cancel" onClick={onCancel}>
+          <EuiButtonEmpty
+            data-test-subj="apmAddEnvironmentsCancelButton"
+            aria-label="Cancel"
+            onClick={onCancel}
+          >
             {i18n.translate(
               'xpack.apm.settings.anomalyDetection.addEnvironments.cancelButtonText',
               {
@@ -147,6 +151,7 @@ export function AddEnvironments({
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="apmAddEnvironmentsCreateJobsButton"
             isLoading={isSaving}
             isDisabled={isSaving || selectedOptions.length === 0}
             fill
diff --git a/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/jobs_list.tsx b/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/jobs_list.tsx
index b7b240843cba..117b8c6c9809 100644
--- a/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/jobs_list.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/anomaly_detection/jobs_list.tsx
@@ -231,7 +231,11 @@ export function JobsList({
           />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButton href={mlManageJobsHref} color="primary">
+          <EuiButton
+            data-test-subj="apmJobsListManageJobsButton"
+            href={mlManageJobsHref}
+            color="primary"
+          >
             {i18n.translate(
               'xpack.apm.settings.anomalyDetection.jobList.manageMlJobsButtonText',
               {
@@ -241,7 +245,12 @@ export function JobsList({
           </EuiButton>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButton fill iconType="plusInCircle" onClick={onAddEnvironments}>
+          <EuiButton
+            data-test-subj="apmJobsListCreateJobButton"
+            fill
+            iconType="plusInCircle"
+            onClick={onAddEnvironments}
+          >
             {i18n.translate(
               'xpack.apm.settings.anomalyDetection.jobList.addEnvironments',
               {
diff --git a/x-pack/plugins/apm/public/components/app/settings/apm_indices/index.tsx b/x-pack/plugins/apm/public/components/app/settings/apm_indices/index.tsx
index f551a9b6c51f..1ea865b533ab 100644
--- a/x-pack/plugins/apm/public/components/app/settings/apm_indices/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/apm_indices/index.tsx
@@ -242,6 +242,7 @@ export function ApmIndices() {
                   fullWidth
                 >
                   <EuiFieldText
+                    data-test-subj="apmApmIndicesFieldText"
                     disabled={!canSave}
                     fullWidth
                     name={configurationName}
@@ -255,7 +256,10 @@ export function ApmIndices() {
             <EuiSpacer />
             <EuiFlexGroup justifyContent="flexEnd">
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty onClick={refetch}>
+                <EuiButtonEmpty
+                  data-test-subj="apmApmIndicesCancelButton"
+                  onClick={refetch}
+                >
                   {i18n.translate(
                     'xpack.apm.settings.apmIndices.cancelButton',
                     { defaultMessage: 'Cancel' }
@@ -276,6 +280,7 @@ export function ApmIndices() {
                   }
                 >
                   <EuiButton
+                    data-test-subj="apmApmIndicesApplyChangesButton"
                     fill
                     onClick={handleApplyChangesEvent}
                     isLoading={isSaving}
diff --git a/x-pack/plugins/apm/public/components/app/settings/bottom_bar_actions/index.tsx b/x-pack/plugins/apm/public/components/app/settings/bottom_bar_actions/index.tsx
index 85ee597b754e..6dc274da4d86 100644
--- a/x-pack/plugins/apm/public/components/app/settings/bottom_bar_actions/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/bottom_bar_actions/index.tsx
@@ -53,7 +53,11 @@ export function BottomBarActions({
         <EuiFlexItem grow={false}>
           <EuiFlexGroup justifyContent="flexEnd">
             <EuiFlexItem grow={false}>
-              <EuiButtonEmpty color="ghost" onClick={onDiscardChanges}>
+              <EuiButtonEmpty
+                data-test-subj="apmBottomBarActionsDiscardChangesButton"
+                color="ghost"
+                onClick={onDiscardChanges}
+              >
                 {i18n.translate(
                   'xpack.apm.bottomBarActions.discardChangesButton',
                   {
@@ -64,6 +68,7 @@ export function BottomBarActions({
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="apmBottomBarActionsButton"
                 onClick={onSave}
                 fill
                 isLoading={isLoading}
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/delete_button.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/delete_button.tsx
index f0d1c7e5e186..861d456fb0df 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/delete_button.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/delete_button.tsx
@@ -25,6 +25,7 @@ export function DeleteButton({ onDelete, customLinkId }: Props) {
 
   return (
     <EuiButtonEmpty
+      data-test-subj="apmDeleteButtonDeleteButton"
       color="danger"
       isLoading={isDeleting}
       iconSide="right"
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/documentation.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/documentation.tsx
index bd12d81ff515..b8463ad8f4b3 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/documentation.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/documentation.tsx
@@ -15,5 +15,12 @@ interface Props {
 
 export function Documentation({ label }: Props) {
   const { docLinks } = useApmPluginContext().core;
-  return <EuiLink href={docLinks.links.apm.customLinks}>{label}</EuiLink>;
+  return (
+    <EuiLink
+      data-test-subj="apmCustomLinksDocumentationLink"
+      href={docLinks.links.apm.customLinks}
+    >
+      {label}
+    </EuiLink>
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/filters_section.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/filters_section.tsx
index 5b2ceb5f353d..901e25f52eb8 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/filters_section.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/filters_section.tsx
@@ -137,6 +137,7 @@ export function FiltersSection({
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiButtonEmpty
+                data-test-subj="apmCustomLinkFiltersSectionButton"
                 iconType="trash"
                 onClick={() => onRemoveFilter(idx)}
                 disabled={!value && !key && filters.length === 1}
@@ -166,6 +167,7 @@ function AddFilterButton({
 }) {
   return (
     <EuiButtonEmpty
+      data-test-subj="apmCustomLinkAddFilterButtonAddAnotherFilterButton"
       iconType="plusInCircle"
       onClick={onClick}
       disabled={isDisabled}
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/flyout_footer.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/flyout_footer.tsx
index 18950a26556d..a3a711fa4342 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/flyout_footer.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/create_edit_custom_link_flyout/flyout_footer.tsx
@@ -33,7 +33,12 @@ export function FlyoutFooter({
     <EuiFlyoutFooter>
       <EuiFlexGroup justifyContent="spaceBetween">
         <EuiFlexItem grow={false}>
-          <EuiButtonEmpty iconType="cross" onClick={onClose} flush="left">
+          <EuiButtonEmpty
+            data-test-subj="apmCustomLinkFlyoutFooterCloseButton"
+            iconType="cross"
+            onClick={onClose}
+            flush="left"
+          >
             {i18n.translate('xpack.apm.settings.customLink.flyout.close', {
               defaultMessage: 'Close',
             })}
@@ -44,6 +49,7 @@ export function FlyoutFooter({
             <DeleteButton customLinkId={customLinkId} onDelete={onDelete} />
           )}
           <EuiButton
+            data-test-subj="apmCustomLinkFlyoutFooterSaveButton"
             form="customLink_form"
             fill
             type="submit"
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/custom_link_table.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/custom_link_table.tsx
index 7ee1dad4b85e..7ee93f8c11d3 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/custom_link_table.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/custom_link_table.tsx
@@ -99,6 +99,7 @@ export function CustomLinkTable({ items = [], onCustomLinkSelected }: Props) {
     <>
       <EuiSpacer size="m" />
       <EuiFieldSearch
+        data-test-subj="apmCustomLinkTableFieldSearch"
         fullWidth
         onChange={(e) => setSearchTerm(e.target.value)}
         placeholder={i18n.translate(
diff --git a/x-pack/plugins/apm/public/components/app/settings/custom_link/empty_prompt.tsx b/x-pack/plugins/apm/public/components/app/settings/custom_link/empty_prompt.tsx
index fd7a3d258719..791a26dda7bb 100644
--- a/x-pack/plugins/apm/public/components/app/settings/custom_link/empty_prompt.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/custom_link/empty_prompt.tsx
@@ -39,6 +39,7 @@ export function EmptyPrompt({
               values={{
                 customLinkDocLinkText: (
                   <EuiLink
+                    data-test-subj="apmCustomLinkEmptyPromptDocsLink"
                     target="_blank"
                     href={docLinks.links.apm.customLinks}
                   >
diff --git a/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx b/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx
index 670826e43ccc..a578dd585cb0 100644
--- a/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx
@@ -84,6 +84,7 @@ export function GeneralSettings() {
             values={{
               link: (
                 <EuiLink
+                  data-test-subj="apmGeneralSettingsKibanaAdvancedSettingsLink"
                   href={application.getUrlForApp('management', {
                     path: `/kibana/settings?query=category:(observability)`,
                   })}
diff --git a/x-pack/plugins/apm/public/components/app/settings/schema/migrated/card_footer_content.tsx b/x-pack/plugins/apm/public/components/app/settings/schema/migrated/card_footer_content.tsx
index 82a765c0649a..1aeaf68be875 100644
--- a/x-pack/plugins/apm/public/components/app/settings/schema/migrated/card_footer_content.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/schema/migrated/card_footer_content.tsx
@@ -17,7 +17,10 @@ export function CardFooterContent() {
 
   return (
     <div>
-      <EuiButton href={fleetCloudAgentPolicyHref}>
+      <EuiButton
+        data-test-subj="apmCardFooterContentViewTheApmIntegrationInFleetButton"
+        href={fleetCloudAgentPolicyHref}
+      >
         {i18n.translate(
           'xpack.apm.settings.schema.success.viewIntegrationInFleet.buttonText',
           { defaultMessage: 'View the APM integration in Fleet' }
diff --git a/x-pack/plugins/apm/public/components/app/settings/schema/migrated/upgrade_available_card.tsx b/x-pack/plugins/apm/public/components/app/settings/schema/migrated/upgrade_available_card.tsx
index 8e7444c1a776..dcdf55508a72 100644
--- a/x-pack/plugins/apm/public/components/app/settings/schema/migrated/upgrade_available_card.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/schema/migrated/upgrade_available_card.tsx
@@ -35,7 +35,10 @@ export function UpgradeAvailableCard({
           defaultMessage="Even though your APM integration is setup, a new version of the APM integration is available for upgrade with your package policy. {upgradePackagePolicyLink} to get the most out of your setup."
           values={{
             upgradePackagePolicyLink: (
-              <EuiLink href={upgradeApmPackagePolicyHref}>
+              <EuiLink
+                data-test-subj="apmUpgradeAvailableCardUpgradeYourApmIntegrationLink"
+                href={upgradeApmPackagePolicyHref}
+              >
                 {i18n.translate(
                   'xpack.apm.settings.schema.upgradeAvailable.upgradePackagePolicyLink',
                   { defaultMessage: 'Upgrade your APM integration' }
diff --git a/x-pack/plugins/apm/public/components/app/settings/schema/schema_overview.tsx b/x-pack/plugins/apm/public/components/app/settings/schema/schema_overview.tsx
index 1f17b9f63c0a..be52301aaaa4 100644
--- a/x-pack/plugins/apm/public/components/app/settings/schema/schema_overview.tsx
+++ b/x-pack/plugins/apm/public/components/app/settings/schema/schema_overview.tsx
@@ -162,6 +162,7 @@ export function SchemaOverview({
                   })}
                 >
                   <EuiButton
+                    data-test-subj="apmSchemaOverviewSwitchToElasticAgentButton"
                     fill
                     isLoading={isLoadingConfirmation}
                     isDisabled={isDisabled}
@@ -210,7 +211,11 @@ export function SchemaOverviewHeading() {
               </strong>
             ),
             elasticAgentDocLink: (
-              <EuiLink target="_blank" href={docLinks.links.apm.elasticAgent}>
+              <EuiLink
+                data-test-subj="apmSchemaOverviewHeadingElasticAgentLink"
+                target="_blank"
+                href={docLinks.links.apm.elasticAgent}
+              >
                 {i18n.translate(
                   'xpack.apm.settings.schema.descriptionText.elasticAgentDocLinkText',
                   { defaultMessage: 'Elastic Agent' }
diff --git a/x-pack/plugins/apm/public/components/app/storage_explorer/index.tsx b/x-pack/plugins/apm/public/components/app/storage_explorer/index.tsx
index 98992e97988f..084f11a85f62 100644
--- a/x-pack/plugins/apm/public/components/app/storage_explorer/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/storage_explorer/index.tsx
@@ -123,7 +123,10 @@ export function StorageExplorer() {
               defaultMessage="Enable progressive loading of data and optimized sorting for services list in {kibanaAdvancedSettingsLink}."
               values={{
                 kibanaAdvancedSettingsLink: (
-                  <EuiLink href={getKibanaAdvancedSettingsHref(core)}>
+                  <EuiLink
+                    data-test-subj="apmStorageExplorerKibanaAdvancedSettingsLink"
+                    href={getKibanaAdvancedSettingsHref(core)}
+                  >
                     {i18n.translate(
                       'xpack.apm.storageExplorer.longLoadingTimeCalloutLink',
                       {
@@ -136,6 +139,7 @@ export function StorageExplorer() {
             />
           </p>
           <EuiButton
+            data-test-subj="apmStorageExplorerButton"
             onClick={() =>
               setCalloutDismissed({
                 ...calloutDismissed,
@@ -171,6 +175,7 @@ export function StorageExplorer() {
                 )}
               </p>
               <EuiButton
+                data-test-subj="apmStorageExplorerButton"
                 onClick={() =>
                   setCalloutDismissed({
                     ...calloutDismissed,
diff --git a/x-pack/plugins/apm/public/components/app/storage_explorer/resources/tips_and_resources.tsx b/x-pack/plugins/apm/public/components/app/storage_explorer/resources/tips_and_resources.tsx
index 29553bf1ecca..4c1b283f0562 100644
--- a/x-pack/plugins/apm/public/components/app/storage_explorer/resources/tips_and_resources.tsx
+++ b/x-pack/plugins/apm/public/components/app/storage_explorer/resources/tips_and_resources.tsx
@@ -170,7 +170,11 @@ export function TipsAndResources() {
                 title={title}
                 description={description}
                 footer={
-                  <EuiButton href={href} target="_blank">
+                  <EuiButton
+                    data-test-subj="apmTipsAndResourcesLearnMoreButton"
+                    href={href}
+                    target="_blank"
+                  >
                     {i18n.translate(
                       'xpack.apm.storageExplorer.resources.learnMoreButton',
                       {
diff --git a/x-pack/plugins/apm/public/components/app/storage_explorer/services_table/storage_details_per_service.tsx b/x-pack/plugins/apm/public/components/app/storage_explorer/services_table/storage_details_per_service.tsx
index ba8005f12759..0e47d657da30 100644
--- a/x-pack/plugins/apm/public/components/app/storage_explorer/services_table/storage_details_per_service.tsx
+++ b/x-pack/plugins/apm/public/components/app/storage_explorer/services_table/storage_details_per_service.tsx
@@ -169,7 +169,10 @@ export function StorageDetailsPerService({
               </EuiTitle>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
-              <EuiLink href={serviceOverviewLink}>
+              <EuiLink
+                data-test-subj="apmStorageDetailsPerServiceGoToServiceOverviewLink"
+                href={serviceOverviewLink}
+              >
                 {i18n.translate(
                   'xpack.apm.storageExplorer.serviceDetails.serviceOverviewLink',
                   {
diff --git a/x-pack/plugins/apm/public/components/app/storage_explorer/summary_stats.tsx b/x-pack/plugins/apm/public/components/app/storage_explorer/summary_stats.tsx
index 506b966f0d3c..37b6fb872ed1 100644
--- a/x-pack/plugins/apm/public/components/app/storage_explorer/summary_stats.tsx
+++ b/x-pack/plugins/apm/public/components/app/storage_explorer/summary_stats.tsx
@@ -186,7 +186,10 @@ export function SummaryStats() {
         <EuiFlexItem grow={false}>
           <EuiFlexGroup direction="column" justifyContent="spaceBetween">
             <EuiFlexItem>
-              <EuiLink href={serviceInventoryLink}>
+              <EuiLink
+                data-test-subj="apmSummaryStatsGoToServiceInventoryLink"
+                href={serviceInventoryLink}
+              >
                 {i18n.translate(
                   'xpack.apm.storageExplorer.summary.serviceInventoryLink',
                   {
@@ -196,7 +199,10 @@ export function SummaryStats() {
               </EuiLink>
             </EuiFlexItem>
             <EuiFlexItem>
-              <EuiLink href={getIndexManagementHref(core)}>
+              <EuiLink
+                data-test-subj="apmSummaryStatsGoToIndexManagementLink"
+                href={getIndexManagementHref(core)}
+              >
                 {i18n.translate(
                   'xpack.apm.storageExplorer.summary.indexManagementLink',
                   {
diff --git a/x-pack/plugins/apm/public/components/app/trace_explorer/trace_search_box/index.tsx b/x-pack/plugins/apm/public/components/app/trace_explorer/trace_search_box/index.tsx
index 782197828b09..84d72000c7b8 100644
--- a/x-pack/plugins/apm/public/components/app/trace_explorer/trace_search_box/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/trace_explorer/trace_search_box/index.tsx
@@ -162,6 +162,7 @@ export function TraceSearchBox({
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiSelect
+                  data-test-subj="apmTraceSearchBoxSelect"
                   id="select-query-language"
                   value={query.type}
                   onChange={(e) => {
@@ -189,6 +190,7 @@ export function TraceSearchBox({
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiButton
+                  data-test-subj="apmTraceSearchBoxSearchButton"
                   isLoading={loading}
                   onClick={() => {
                     onQueryCommit();
diff --git a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/maybe_view_trace_link.tsx b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/maybe_view_trace_link.tsx
index af9365b14be0..72b06bdef41f 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/maybe_view_trace_link.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/maybe_view_trace_link.tsx
@@ -25,6 +25,7 @@ function FullTraceButton({
 }) {
   return (
     <EuiButton
+      data-test-subj="apmFullTraceButtonViewFullTraceButton"
       fill
       iconType="apmTrace"
       isLoading={isLoading}
diff --git a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/index.tsx b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/index.tsx
index 4890567baf44..97e8513ce607 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/index.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/index.tsx
@@ -129,6 +129,7 @@ export function Waterfall({
       <div>
         <div style={{ display: 'flex' }}>
           <EuiButtonEmpty
+            data-test-subj="apmWaterfallButton"
             style={{ zIndex: 3, position: 'absolute' }}
             iconType={isAccordionOpen ? 'fold' : 'unfold'}
             onClick={() => {
diff --git a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/truncate_height_section.tsx b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/truncate_height_section.tsx
index aac15e48d884..a8e483963934 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/truncate_height_section.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/truncate_height_section.tsx
@@ -48,6 +48,7 @@ export function TruncateHeightSection({ children, previewHeight }: Props) {
       {showToggle ? (
         <ToggleButtonContainer>
           <EuiLink
+            data-test-subj="apmTruncateHeightSectionLink"
             onClick={() => {
               setIsOpen(!isOpen);
             }}
diff --git a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/dropped_spans_warning.tsx b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/dropped_spans_warning.tsx
index 2c6dbe99b606..61bfa995a069 100644
--- a/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/dropped_spans_warning.tsx
+++ b/x-pack/plugins/apm/public/components/app/transaction_details/waterfall_with_summary/waterfall_container/waterfall/transaction_flyout/dropped_spans_warning.tsx
@@ -33,7 +33,10 @@ export function DroppedSpansWarning({
             values: { dropped },
           }
         )}{' '}
-        <EuiLink href={docLinks.links.apm.droppedTransactionSpans}>
+        <EuiLink
+          data-test-subj="apmDroppedSpansWarningLearnMoreAboutDroppedSpansLink"
+          href={docLinks.links.apm.droppedTransactionSpans}
+        >
           {i18n.translate(
             'xpack.apm.transactionDetails.transFlyout.callout.learnMoreAboutDroppedSpansLinkText',
             {
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/edit_discovery_rule.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/edit_discovery_rule.tsx
index 5059bbabfce9..f5a8498b62a0 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/edit_discovery_rule.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/edit_discovery_rule.tsx
@@ -64,6 +64,7 @@ export function EditDiscoveryRule({
             }}
           >
             <EuiSelect
+              data-test-subj="apmEditDiscoveryRuleSelect"
               options={operationTypes.map((item) => ({
                 text: item.operation.label,
                 value: item.operation.value,
@@ -145,6 +146,7 @@ export function EditDiscoveryRule({
                 )}
               >
                 <EuiFieldText
+                  data-test-subj="apmEditDiscoveryRuleFieldText"
                   fullWidth
                   value={probe}
                   onChange={(e) => onChangeProbe(e.target.value)}
@@ -156,10 +158,16 @@ export function EditDiscoveryRule({
       )}
       <EuiFlexGroup justifyContent="flexEnd">
         <EuiFlexItem grow={false}>
-          <EuiButtonEmpty onClick={onCancel}>Cancel</EuiButtonEmpty>
+          <EuiButtonEmpty
+            data-test-subj="apmEditDiscoveryRuleCancelButton"
+            onClick={onCancel}
+          >
+            Cancel
+          </EuiButtonEmpty>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="apmEditDiscoveryRuleButton"
             onClick={onSubmit}
             fill
             disabled={type === DISCOVERY_RULE_TYPE_ALL ? false : probe === ''}
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
index f1b3d294a0ac..48298d7ed685 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/java_agent_version_input.tsx
@@ -68,6 +68,7 @@ export function JavaAgentVersionInput({ isValid, version, onChange }: Props) {
             values={{
               versionLink: (
                 <EuiLink
+                  data-test-subj="apmJavaAgentVersionInputVersionLink"
                   href={`${services.docLinks?.ELASTIC_WEBSITE_URL}/guide/en/apm/agent/java/current/release-notes.html`}
                   target="_blank"
                 >
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.tsx
index 8ae285a95268..8c04ce3464d6 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_agents/runtime_attachment/runtime_attachment.tsx
@@ -147,6 +147,7 @@ export function RuntimeAttachment({
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="apmRuntimeAttachmentAddRuleButton"
                 iconType="plusInCircle"
                 disabled={editDiscoveryRuleId !== null}
                 onClick={onAddRule}
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_enrollment_flyout_extension.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_enrollment_flyout_extension.tsx
index ab08467fc7db..5b3e4e4550c6 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_enrollment_flyout_extension.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_enrollment_flyout_extension.tsx
@@ -32,7 +32,11 @@ function StepComponent() {
       </EuiText>
       <EuiSpacer size="m" />
 
-      <EuiButton fill href={installApmAgentLink}>
+      <EuiButton
+        data-test-subj="apmStepComponentInstallApmAgentButton"
+        fill
+        href={installApmAgentLink}
+      >
         {i18n.translate(
           'xpack.apm.fleetIntegration.enrollmentFlyout.installApmAgentButtonText',
           { defaultMessage: 'Install APM Agent' }
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_definition/tail_sampling_settings.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_definition/tail_sampling_settings.tsx
index 7af79bb1d6c9..9d98277a63b7 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_definition/tail_sampling_settings.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_definition/tail_sampling_settings.tsx
@@ -77,7 +77,11 @@ export function getTailSamplingSettings(docsLinks?: string): SettingsRow[] {
               defaultMessage="Learn more about tail sampling policies in our {link}."
               values={{
                 link: (
-                  <EuiLink href={docsLinks} target="_blank">
+                  <EuiLink
+                    data-test-subj="apmGetTailSamplingSettingsDocsLink"
+                    href={docsLinks}
+                    target="_blank"
+                  >
                     {i18n.translate(
                       'xpack.apm.fleet_integration.settings.tailSamplingDocsHelpTextLink',
                       {
diff --git a/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_form/index.tsx b/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_form/index.tsx
index d32ace193342..098dbc988c6a 100644
--- a/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_form/index.tsx
+++ b/x-pack/plugins/apm/public/components/fleet_integration/apm_policy_form/settings_form/index.tsx
@@ -167,6 +167,7 @@ function AdvancedOptions({ children }: { children: React.ReactNode }) {
           <EuiFlexGroup>
             <EuiFlexItem grow={false}>
               <EuiButtonEmpty
+                data-test-subj="apmAdvancedOptionsAdvancedOptionsButton"
                 iconType={isOpen ? 'arrowDown' : 'arrowRight'}
                 onClick={() => {
                   setIsOpen((state) => !state);
diff --git a/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/index.tsx b/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/index.tsx
index c2049f1db623..ac506495ceff 100644
--- a/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/index.tsx
+++ b/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/index.tsx
@@ -27,7 +27,11 @@ export function Labs() {
 
   return (
     <>
-      <EuiButtonEmpty color="text" onClick={toggleFlyoutVisibility}>
+      <EuiButtonEmpty
+        data-test-subj="apmLabsLabsButton"
+        color="text"
+        onClick={toggleFlyoutVisibility}
+      >
         {i18n.translate('xpack.apm.labs', { defaultMessage: 'Labs' })}
       </EuiButtonEmpty>
       {isOpen && <LabsFlyout onClose={toggleFlyoutVisibility} />}
diff --git a/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/labs_flyout.tsx b/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/labs_flyout.tsx
index cda57400b599..a7dfc481e70b 100644
--- a/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/labs_flyout.tsx
+++ b/x-pack/plugins/apm/public/components/routing/app_root/apm_header_action_menu/labs/labs_flyout.tsx
@@ -133,14 +133,22 @@ export function LabsFlyout({ onClose }: Props) {
           <EuiFlyoutFooter>
             <EuiFlexGroup justifyContent="spaceBetween">
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty onClick={handelCancel}>
+                <EuiButtonEmpty
+                  data-test-subj="apmLabsFlyoutCancelButton"
+                  onClick={handelCancel}
+                >
                   {i18n.translate('xpack.apm.labs.cancel', {
                     defaultMessage: 'Cancel',
                   })}
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
-                <EuiButton fill isLoading={isSaving} onClick={handleSave}>
+                <EuiButton
+                  data-test-subj="apmLabsFlyoutReloadToApplyChangesButton"
+                  fill
+                  isLoading={isSaving}
+                  onClick={handleSave}
+                >
                   {i18n.translate('xpack.apm.labs.reload', {
                     defaultMessage: 'Reload to apply changes',
                   })}
diff --git a/x-pack/plugins/apm/public/components/routing/home/storage_explorer.tsx b/x-pack/plugins/apm/public/components/routing/home/storage_explorer.tsx
index e971002dfbcd..807c8249985c 100644
--- a/x-pack/plugins/apm/public/components/routing/home/storage_explorer.tsx
+++ b/x-pack/plugins/apm/public/components/routing/home/storage_explorer.tsx
@@ -53,7 +53,11 @@ export const storageExplorer = {
               </EuiFlexGroup>
             ),
             rightSideItems: [
-              <EuiLink href={getStorageExplorerFeedbackHref()} target="_blank">
+              <EuiLink
+                data-test-subj="apmGiveFeedbackLink"
+                href={getStorageExplorerFeedbackHref()}
+                target="_blank"
+              >
                 {i18n.translate(
                   'xpack.apm.views.storageExplorer.giveFeedback',
                   {
diff --git a/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.tsx b/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.tsx
index d1c1cfba9f73..0c1e86aa5fa2 100644
--- a/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.tsx
+++ b/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/analyze_data_button.tsx
@@ -85,7 +85,11 @@ export function AnalyzeDataButton() {
             'Explore Data allows you to select and filter result data in any dimension, and look for the cause or impact of performance problems',
         })}
       >
-        <EuiButtonEmpty href={href} iconType="visBarVerticalStacked">
+        <EuiButtonEmpty
+          data-test-subj="apmAnalyzeDataButtonExploreDataButton"
+          href={href}
+          iconType="visBarVerticalStacked"
+        >
           {i18n.translate('xpack.apm.analyzeDataButton.label', {
             defaultMessage: 'Explore data',
           })}
diff --git a/x-pack/plugins/apm/public/components/shared/charts/latency_chart/index.tsx b/x-pack/plugins/apm/public/components/shared/charts/latency_chart/index.tsx
index 65285ea4fbe6..e2c1def6e0df 100644
--- a/x-pack/plugins/apm/public/components/shared/charts/latency_chart/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/charts/latency_chart/index.tsx
@@ -102,6 +102,7 @@ export function LatencyChart({ height, kuery }: Props) {
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiSelect
+                  data-test-subj="apmLatencyChartSelect"
                   compressed
                   prepend={i18n.translate(
                     'xpack.apm.serviceOverview.latencyChartTitle.prepend',
diff --git a/x-pack/plugins/apm/public/components/shared/dependencies_table/dependencies_table_service_map_link.tsx b/x-pack/plugins/apm/public/components/shared/dependencies_table/dependencies_table_service_map_link.tsx
index 408655161143..c46b15062b0d 100644
--- a/x-pack/plugins/apm/public/components/shared/dependencies_table/dependencies_table_service_map_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/dependencies_table/dependencies_table_service_map_link.tsx
@@ -10,7 +10,10 @@ import { EuiLink } from '@elastic/eui';
 
 export function DependenciesTableServiceMapLink({ href }: { href: string }) {
   return (
-    <EuiLink href={href}>
+    <EuiLink
+      data-test-subj="apmDependenciesTableServiceMapLinkViewServiceMapLink"
+      href={href}
+    >
       {i18n.translate('xpack.apm.dependenciesTable.serviceMapLinkText', {
         defaultMessage: 'View service map',
       })}
diff --git a/x-pack/plugins/apm/public/components/shared/license_prompt/index.tsx b/x-pack/plugins/apm/public/components/shared/license_prompt/index.tsx
index a76743d6ff4a..38f348dab53d 100644
--- a/x-pack/plugins/apm/public/components/shared/license_prompt/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/license_prompt/index.tsx
@@ -49,7 +49,11 @@ export function LicensePrompt({
       titleElement="h2"
       description={<EuiTextColor color="subdued">{text}</EuiTextColor>}
       footer={
-        <EuiButton fill={true} href={licensePageUrl}>
+        <EuiButton
+          data-test-subj="apmLicensePromptStartTrialButton"
+          fill={true}
+          href={licensePageUrl}
+        >
           {i18n.translate('xpack.apm.license.button', {
             defaultMessage: 'Start trial',
           })}
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/apm_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/apm_link.tsx
index a0ba4f907cbc..9cd7e65ab6b8 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/apm_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/apm_link.tsx
@@ -100,5 +100,7 @@ export function LegacyAPMLink({
 
   const href = getLegacyApmHref({ basePath, path, search, query: mergedQuery });
 
-  return <EuiLink {...rest} href={href} />;
+  return (
+    <EuiLink data-test-subj="apmLegacyAPMLinkLink" {...rest} href={href} />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/error_overview_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/error_overview_link.tsx
index bfa2067e9e7e..a1f9892b79e3 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/error_overview_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/error_overview_link.tsx
@@ -27,5 +27,11 @@ export function ErrorOverviewLink({ serviceName, query, ...rest }: Props) {
     query,
   });
 
-  return <EuiLink href={errorOverviewLink} {...rest} />;
+  return (
+    <EuiLink
+      data-test-subj="apmErrorOverviewLinkLink"
+      href={errorOverviewLink}
+      {...rest}
+    />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/service_map_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/service_map_link.tsx
index 84eff7eb444b..066dd0c02e6e 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/service_map_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/service_map_link.tsx
@@ -22,5 +22,7 @@ interface ServiceMapLinkProps extends APMLinkExtendProps {
 
 export function ServiceMapLink({ serviceName, ...rest }: ServiceMapLinkProps) {
   const href = useServiceMapHref(serviceName);
-  return <EuiLink href={href} {...rest} />;
+  return (
+    <EuiLink data-test-subj="apmServiceMapLinkLink" href={href} {...rest} />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/service_node_metric_overview_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/service_node_metric_overview_link.tsx
index 8cb3bce94fc9..3a988750ab57 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/service_node_metric_overview_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/service_node_metric_overview_link.tsx
@@ -46,5 +46,11 @@ export function ServiceNodeMetricOverviewLink({
     serviceName,
     serviceNodeName,
   });
-  return <EuiLink href={href} {...rest} />;
+  return (
+    <EuiLink
+      data-test-subj="apmServiceNodeMetricOverviewLinkLink"
+      href={href}
+      {...rest}
+    />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/service_transactions_overview_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/service_transactions_overview_link.tsx
index b33f22cd9faf..6fb1cc998ab2 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/service_transactions_overview_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/service_transactions_overview_link.tsx
@@ -50,5 +50,11 @@ export function ServiceOrTransactionsOverviewLink({
     environment,
     transactionType,
   });
-  return <EuiLink href={href} {...rest} />;
+  return (
+    <EuiLink
+      data-test-subj="apmServiceOrTransactionsOverviewLinkLink"
+      href={href}
+      {...rest}
+    />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/transaction_detail_link/index.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/transaction_detail_link/index.tsx
index 517b97ac7797..21b18e673099 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/transaction_detail_link/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/transaction_detail_link/index.tsx
@@ -81,7 +81,13 @@ export function TransactionDetailLink({
     return (
       <TruncateWithTooltip
         text={transactionName}
-        content={<EuiLink href={href} {...rest} />}
+        content={
+          <EuiLink
+            data-test-subj="apmTransactionDetailLinkLink"
+            href={href}
+            {...rest}
+          />
+        }
       />
     );
   }
diff --git a/x-pack/plugins/apm/public/components/shared/links/apm/transaction_overview_link.tsx b/x-pack/plugins/apm/public/components/shared/links/apm/transaction_overview_link.tsx
index bd0ac78b855f..87d43236787f 100644
--- a/x-pack/plugins/apm/public/components/shared/links/apm/transaction_overview_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/apm/transaction_overview_link.tsx
@@ -48,5 +48,11 @@ export function TransactionOverviewLink({
     latencyAggregationType,
     transactionType,
   });
-  return <EuiLink href={href} {...rest} />;
+  return (
+    <EuiLink
+      data-test-subj="apmTransactionOverviewLinkLink"
+      href={href}
+      {...rest}
+    />
+  );
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/discover_links/discover_link.tsx b/x-pack/plugins/apm/public/components/shared/links/discover_links/discover_link.tsx
index 1455e53730a7..dccce740b62d 100644
--- a/x-pack/plugins/apm/public/components/shared/links/discover_links/discover_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/discover_links/discover_link.tsx
@@ -69,5 +69,5 @@ export function DiscoverLink({ query = {}, ...rest }: Props) {
     location,
   });
 
-  return <EuiLink {...rest} href={href} />;
+  return <EuiLink data-test-subj="apmDiscoverLinkLink" {...rest} href={href} />;
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/elastic_docs_link.tsx b/x-pack/plugins/apm/public/components/shared/links/elastic_docs_link.tsx
index 5a7cc4623ea7..4b97e6653ac7 100644
--- a/x-pack/plugins/apm/public/components/shared/links/elastic_docs_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/elastic_docs_link.tsx
@@ -32,7 +32,7 @@ export function ElasticDocsLink({ section, path, children, ...rest }: Props) {
   return typeof children === 'function' ? (
     children(href)
   ) : (
-    <EuiLink href={href} {...rest}>
+    <EuiLink data-test-subj="apmElasticDocsLinkLink" href={href} {...rest}>
       {children}
     </EuiLink>
   );
diff --git a/x-pack/plugins/apm/public/components/shared/links/infra_link.tsx b/x-pack/plugins/apm/public/components/shared/links/infra_link.tsx
index 1e5c3a6748a1..fcc3f2ce9d72 100644
--- a/x-pack/plugins/apm/public/components/shared/links/infra_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/infra_link.tsx
@@ -48,5 +48,5 @@ export const getInfraHref = ({
 export function InfraLink({ app, path, query = {}, ...rest }: Props) {
   const { core } = useApmPluginContext();
   const href = getInfraHref({ app, basePath: core.http.basePath, query, path });
-  return <EuiLink {...rest} href={href} />;
+  return <EuiLink data-test-subj="apmInfraLinkLink" {...rest} href={href} />;
 }
diff --git a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlexplorer_link.tsx b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlexplorer_link.tsx
index 48bdfc69150a..af5ec49635db 100644
--- a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlexplorer_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlexplorer_link.tsx
@@ -23,6 +23,7 @@ export function MLExplorerLink({ jobId, external, children }: Props) {
 
   return (
     <EuiLink
+      data-test-subj="apmMLExplorerLinkLink"
       children={children}
       href={href}
       external={external}
diff --git a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlmanage_jobs_link.tsx b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlmanage_jobs_link.tsx
index 4e2a7f477b66..daa9917e4b28 100644
--- a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlmanage_jobs_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlmanage_jobs_link.tsx
@@ -22,6 +22,7 @@ export function MLManageJobsLink({ children, external, jobId }: Props) {
 
   return (
     <EuiLink
+      data-test-subj="apmMLManageJobsLinkLink"
       children={children}
       href={mlADLink}
       external={external}
diff --git a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlsingle_metric_link.tsx b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlsingle_metric_link.tsx
index ff8b350ac045..122e790efb4c 100644
--- a/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlsingle_metric_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/machine_learning_links/mlsingle_metric_link.tsx
@@ -31,6 +31,7 @@ export function MLSingleMetricLink({
 
   return (
     <EuiLink
+      data-test-subj="apmMLSingleMetricLinkLink"
       children={children}
       href={href}
       external={external}
diff --git a/x-pack/plugins/apm/public/components/shared/links/setup_instructions_link.tsx b/x-pack/plugins/apm/public/components/shared/links/setup_instructions_link.tsx
index 6e36d090fca7..6be0346b30e1 100644
--- a/x-pack/plugins/apm/public/components/shared/links/setup_instructions_link.tsx
+++ b/x-pack/plugins/apm/public/components/shared/links/setup_instructions_link.tsx
@@ -29,13 +29,27 @@ export function SetupInstructionsLink({
 }) {
   const { core } = useApmPluginContext();
   return (
-    <EuiLink href={core.http.basePath.prepend('/app/home#/tutorial/apm')}>
+    <EuiLink
+      data-test-subj="apmSetupInstructionsLinkLink"
+      href={core.http.basePath.prepend('/app/home#/tutorial/apm')}
+    >
       {buttonFill ? (
-        <EuiButton size="s" color="primary" fill={buttonFill} iconType="help">
+        <EuiButton
+          data-test-subj="apmSetupInstructionsLinkButton"
+          size="s"
+          color="primary"
+          fill={buttonFill}
+          iconType="help"
+        >
           {SETUP_INSTRUCTIONS_LABEL}
         </EuiButton>
       ) : (
-        <EuiButtonEmpty size="s" color="primary" iconType="indexOpen">
+        <EuiButtonEmpty
+          data-test-subj="apmSetupInstructionsLinkButton"
+          size="s"
+          color="primary"
+          iconType="indexOpen"
+        >
           {ADD_DATA_LABEL}
         </EuiButtonEmpty>
       )}
diff --git a/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx b/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx
index f78bc13ca026..3126a89ed774 100644
--- a/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx
@@ -62,6 +62,7 @@ export function MetadataTable({ sections, isLoading }: Props) {
       <EuiFlexGroup alignItems="center">
         <EuiFlexItem>
           <EuiFieldSearch
+            data-test-subj="apmMetadataTableFieldSearch"
             onChange={onSearchChange}
             placeholder={i18n.translate('xpack.apm.searchInput.filter', {
               defaultMessage: 'Filter...',
@@ -72,7 +73,11 @@ export function MetadataTable({ sections, isLoading }: Props) {
           />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiLink href={docLinks.links.apm.metaData} target="_blank">
+          <EuiLink
+            data-test-subj="apmMetadataTableHowToAddLabelsAndOtherDataLink"
+            href={docLinks.links.apm.metaData}
+            target="_blank"
+          >
             <EuiIcon type="help" />
             {i18n.translate('xpack.apm.metadata.help', {
               defaultMessage: 'How to add labels and other data',
diff --git a/x-pack/plugins/apm/public/components/shared/ml_callout/index.tsx b/x-pack/plugins/apm/public/components/shared/ml_callout/index.tsx
index 12b4e021e230..474ef3fc327e 100644
--- a/x-pack/plugins/apm/public/components/shared/ml_callout/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/ml_callout/index.tsx
@@ -57,7 +57,7 @@ export function MLCallout({
     | undefined;
 
   const getLearnMoreLink = (color: 'primary' | 'success') => (
-    <EuiButton color={color}>
+    <EuiButton data-test-subj="apmGetLearnMoreLinkButton" color={color}>
       <LegacyAPMLink
         path="/settings/anomaly-detection"
         style={{ whiteSpace: 'nowrap' }}
@@ -84,6 +84,7 @@ export function MLCallout({
         color: 'primary',
         primaryAction: isOnSettingsPage ? (
           <EuiButton
+            data-test-subj="apmMLCalloutCreateMlJobButton"
             color="primary"
             onClick={() => {
               onCreateJobClick?.();
@@ -113,6 +114,7 @@ export function MLCallout({
         icon: 'wrench',
         primaryAction: isOnSettingsPage ? (
           <EuiButton
+            data-test-subj="apmMLCalloutUpdateJobsButton"
             color="success"
             isLoading={loading}
             onClick={() => {
@@ -147,7 +149,10 @@ export function MLCallout({
         icon: 'iInCircle',
         color: 'primary',
         primaryAction: (
-          <EuiButton href={mlManageJobsHref}>
+          <EuiButton
+            data-test-subj="apmMLCalloutReviewJobsButton"
+            href={mlManageJobsHref}
+          >
             {i18n.translate(
               'xpack.apm.settings.anomaly_detection.legacy_jobs.button',
               { defaultMessage: 'Review jobs' }
@@ -173,7 +178,11 @@ export function MLCallout({
       )}
       {dismissable && (
         <EuiFlexItem grow={false}>
-          <EuiButtonEmpty onClick={onDismiss} color={properties.color}>
+          <EuiButtonEmpty
+            data-test-subj="apmMLCalloutButton"
+            onClick={onDismiss}
+            color={properties.color}
+          >
             {i18n.translate('xpack.apm.mlCallout.dismissButton', {
               defaultMessage: `Dismiss`,
             })}
diff --git a/x-pack/plugins/apm/public/components/shared/select_with_placeholder/index.tsx b/x-pack/plugins/apm/public/components/shared/select_with_placeholder/index.tsx
index 4255ca98d4ea..18f59ac4b731 100644
--- a/x-pack/plugins/apm/public/components/shared/select_with_placeholder/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/select_with_placeholder/index.tsx
@@ -25,6 +25,7 @@ export const SelectWithPlaceholder: typeof EuiSelect = (props) => {
   const placeholder = props.placeholder || DEFAULT_PLACEHOLDER;
   return (
     <EuiSelect
+      data-test-subj="apmSelectWithPlaceholderSelect"
       {...props}
       options={[
         { text: placeholder, value: NO_SELECTION },
diff --git a/x-pack/plugins/apm/public/components/shared/span_links/span_links_callout.tsx b/x-pack/plugins/apm/public/components/shared/span_links/span_links_callout.tsx
index 1884db40a211..8f68586b53c2 100644
--- a/x-pack/plugins/apm/public/components/shared/span_links/span_links_callout.tsx
+++ b/x-pack/plugins/apm/public/components/shared/span_links/span_links_callout.tsx
@@ -28,6 +28,7 @@ export function SpanLinksCallout({ dismissCallout }: Props) {
         />
       </p>
       <EuiButton
+        data-test-subj="apmSpanLinksCalloutDismissButton"
         onClick={() => {
           dismissCallout();
         }}
diff --git a/x-pack/plugins/apm/public/components/shared/span_links/span_links_table.tsx b/x-pack/plugins/apm/public/components/shared/span_links/span_links_table.tsx
index 6753c0fd9f2f..f223cf003611 100644
--- a/x-pack/plugins/apm/public/components/shared/span_links/span_links_table.tsx
+++ b/x-pack/plugins/apm/public/components/shared/span_links/span_links_table.tsx
@@ -102,6 +102,7 @@ export function SpanLinksTable({ items }: Props) {
               </EuiFlexItem>
               <EuiFlexItem>
                 <EuiLink
+                  data-test-subj="apmColumnsLink"
                   href={router.link('/link-to/transaction/{transactionId}', {
                     path: { transactionId: details.transactionId },
                     query: { waterfallItemId: spanId },
@@ -157,6 +158,7 @@ export function SpanLinksTable({ items }: Props) {
               {details?.transactionId && (
                 <EuiFlexItem>
                   <EuiLink
+                    data-test-subj="apmColumnsGoToTraceLink"
                     href={router.link('/link-to/transaction/{transactionId}', {
                       path: { transactionId: details.transactionId },
                     })}
@@ -172,6 +174,7 @@ export function SpanLinksTable({ items }: Props) {
                 <EuiCopy textToCopy={traceId}>
                   {(copy) => (
                     <EuiButtonEmpty
+                      data-test-subj="apmColumnsCopyParentTraceIdButton"
                       onClick={() => {
                         copy();
                         setIdActionMenuOpen(undefined);
@@ -189,6 +192,7 @@ export function SpanLinksTable({ items }: Props) {
               {details?.transactionId && (
                 <EuiFlexItem>
                   <EuiLink
+                    data-test-subj="apmColumnsGoToSpanDetailsLink"
                     href={router.link('/link-to/transaction/{transactionId}', {
                       path: { transactionId: details.transactionId },
                       query: { waterfallItemId: spanId },
@@ -205,6 +209,7 @@ export function SpanLinksTable({ items }: Props) {
                 <EuiCopy textToCopy={spanId}>
                   {(copy) => (
                     <EuiButtonEmpty
+                      data-test-subj="apmColumnsCopySpanIdButton"
                       onClick={() => {
                         copy();
                         setIdActionMenuOpen(undefined);
diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap
index 2b5427b321ce..05ac11ba496e 100644
--- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap
+++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/__snapshots__/transaction_action_menu.test.tsx.snap
@@ -11,6 +11,7 @@ exports[`TransactionActionMenu component matches the snapshot 1`] = `
     >
       <button
         class="euiButton emotion-euiButtonDisplay-m-defaultMinWidth-m-base-primary"
+        data-test-subj="apmActionMenuButtonInvestigateButton"
         type="button"
       >
         <span
diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.tsx b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.tsx
index 17753621175e..aed7083eb9bd 100644
--- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.tsx
+++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/custom_link_toolbar.tsx
@@ -52,6 +52,7 @@ export function CustomLinkToolbar({
             <EuiToolTip content={!canSave && NO_PERMISSION_LABEL}>
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
+                  data-test-subj="apmCustomLinkToolbarCreateButton"
                   isDisabled={!canSave}
                   iconType="plusInCircle"
                   size="xs"
diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/index.tsx b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/index.tsx
index e9c7e6ec01d1..83c9e37bc5d5 100644
--- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/custom_link_menu_section/index.tsx
@@ -174,6 +174,7 @@ function BottomSection({
         <EuiFlexItem style={{ alignItems: 'center' }}>
           <EuiToolTip content={!canSave && NO_PERMISSION_LABEL}>
             <EuiButtonEmpty
+              data-test-subj="apmBottomSectionCreateCustomLinkButton"
               isDisabled={!canSave}
               iconType="plusInCircle"
               size="xs"
@@ -195,6 +196,7 @@ function BottomSection({
       <EuiFlexGroup>
         <EuiFlexItem>
           <EuiButtonEmpty
+            data-test-subj="apmBottomSectionButton"
             iconType={showAllLinks ? 'arrowUp' : 'arrowDown'}
             onClick={toggleShowAll}
           >
diff --git a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/transaction_action_menu.tsx b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/transaction_action_menu.tsx
index 0848c5f902c2..6c67d7d1a020 100644
--- a/x-pack/plugins/apm/public/components/shared/transaction_action_menu/transaction_action_menu.tsx
+++ b/x-pack/plugins/apm/public/components/shared/transaction_action_menu/transaction_action_menu.tsx
@@ -39,6 +39,7 @@ function ActionMenuButton({
 }) {
   return (
     <EuiButton
+      data-test-subj="apmActionMenuButtonInvestigateButton"
       isLoading={isLoading}
       iconType="arrowDown"
       iconSide="right"
diff --git a/x-pack/plugins/apm/public/context/license/invalid_license_notification.tsx b/x-pack/plugins/apm/public/context/license/invalid_license_notification.tsx
index e28a237e2406..b6b9a41e5c08 100644
--- a/x-pack/plugins/apm/public/context/license/invalid_license_notification.tsx
+++ b/x-pack/plugins/apm/public/context/license/invalid_license_notification.tsx
@@ -35,7 +35,10 @@ export function InvalidLicenseNotification() {
         </p>
       }
       actions={[
-        <EuiButton href={manageLicenseURL}>
+        <EuiButton
+          data-test-subj="apmInvalidLicenseNotificationManageYourLicenseButton"
+          href={manageLicenseURL}
+        >
           {i18n.translate('xpack.apm.invalidLicense.licenseManagementLink', {
             defaultMessage: 'Manage your license',
           })}
diff --git a/x-pack/plugins/apm/public/tutorial/config_agent/opentelemetry_instructions.tsx b/x-pack/plugins/apm/public/tutorial/config_agent/opentelemetry_instructions.tsx
index 440defbdf183..fde43c35b76c 100644
--- a/x-pack/plugins/apm/public/tutorial/config_agent/opentelemetry_instructions.tsx
+++ b/x-pack/plugins/apm/public/tutorial/config_agent/opentelemetry_instructions.tsx
@@ -101,6 +101,7 @@ export function OpenTelemetryInstructions({
           values={{
             otelExporterOtlpEndpoint: (
               <EuiLink
+                data-test-subj="apmOpenTelemetryInstructionsOtelExporterOtlpEndpointLink"
                 target="_blank"
                 href="https://github.com/open-telemetry/opentelemetry-specification/blob/v1.10.0/specification/protocol/exporter.md"
               >
@@ -109,6 +110,7 @@ export function OpenTelemetryInstructions({
             ),
             otelExporterOtlpHeaders: (
               <EuiLink
+                data-test-subj="apmOpenTelemetryInstructionsOtelExporterOtlpHeadersLink"
                 target="_blank"
                 href="https://github.com/open-telemetry/opentelemetry-specification/blob/v1.10.0/specification/protocol/exporter.md"
               >
@@ -117,6 +119,7 @@ export function OpenTelemetryInstructions({
             ),
             otelResourceAttributes: (
               <EuiLink
+                data-test-subj="apmOpenTelemetryInstructionsOtelResourceAttributesLink"
                 target="_blank"
                 href="https://github.com/open-telemetry/opentelemetry-specification/blob/v1.10.0/specification/resource/sdk.md"
               >
@@ -137,6 +140,7 @@ export function OpenTelemetryInstructions({
           values={{
             otelInstrumentationGuide: (
               <EuiLink
+                data-test-subj="apmOpenTelemetryInstructionsOpenTelemetryInstrumentationGuideLink"
                 target="_blank"
                 href="https://opentelemetry.io/docs/instrumentation"
               >
diff --git a/x-pack/plugins/apm/public/tutorial/config_agent/policy_selector.tsx b/x-pack/plugins/apm/public/tutorial/config_agent/policy_selector.tsx
index 25ce7042c4c9..562a4f24f1ea 100644
--- a/x-pack/plugins/apm/public/tutorial/config_agent/policy_selector.tsx
+++ b/x-pack/plugins/apm/public/tutorial/config_agent/policy_selector.tsx
@@ -60,7 +60,12 @@ export function PolicySelector({
       labelAppend={
         fleetLink && (
           <EuiText size="xs">
-            <EuiLink href={fleetLink.href}>{fleetLink.label}</EuiLink>
+            <EuiLink
+              data-test-subj="apmPolicySelectorLink"
+              href={fleetLink.href}
+            >
+              {fleetLink.label}
+            </EuiLink>
           </EuiText>
         )
       }
diff --git a/x-pack/plugins/apm/public/tutorial/tutorial_fleet_instructions/index.tsx b/x-pack/plugins/apm/public/tutorial/tutorial_fleet_instructions/index.tsx
index 9fc4cf32fe00..f4db7993b483 100644
--- a/x-pack/plugins/apm/public/tutorial/tutorial_fleet_instructions/index.tsx
+++ b/x-pack/plugins/apm/public/tutorial/tutorial_fleet_instructions/index.tsx
@@ -88,6 +88,7 @@ function TutorialFleetInstructions({
   if (hasApmIntegrations) {
     return (
       <EuiButton
+        data-test-subj="apmTutorialFleetInstructionsManageApmIntegrationInFleetButton"
         iconType="gear"
         fill
         href={`${basePath}/app/integrations/detail/apm/policies`}
@@ -122,6 +123,7 @@ function TutorialFleetInstructions({
             footer={
               <>
                 <EuiButton
+                  data-test-subj="apmTutorialFleetInstructionsApmIntegrationButton"
                   iconType="analyzeEvent"
                   color="success"
                   href={apmIntegrationHref}
diff --git a/x-pack/plugins/infra/public/alerting/inventory/components/expression.tsx b/x-pack/plugins/infra/public/alerting/inventory/components/expression.tsx
index a0fe18ac9495..43be3eca48de 100644
--- a/x-pack/plugins/infra/public/alerting/inventory/components/expression.tsx
+++ b/x-pack/plugins/infra/public/alerting/inventory/components/expression.tsx
@@ -328,6 +328,7 @@ export const Expressions: React.FC<Props> = (props) => {
 
       <div>
         <EuiButtonEmpty
+          data-test-subj="infraExpressionsAddConditionButton"
           color={'primary'}
           iconSide={'left'}
           flush={'left'}
@@ -384,6 +385,7 @@ export const Expressions: React.FC<Props> = (props) => {
           />
         )) || (
           <EuiFieldSearch
+            data-test-subj="infraExpressionsFieldSearch"
             onChange={handleFieldSearchChange}
             value={ruleParams.filterQueryText}
             fullWidth
@@ -649,6 +651,7 @@ export const ExpressionRow: React.FC<ExpressionRowProps> = (props) => {
               <EuiSpacer size={'xs'} />
               <StyledExpressionRow>
                 <EuiButtonEmpty
+                  data-test-subj="infraExpressionRowAddWarningThresholdButton"
                   color={'primary'}
                   flush={'left'}
                   size="xs"
diff --git a/x-pack/plugins/infra/public/alerting/inventory/components/metric.tsx b/x-pack/plugins/infra/public/alerting/inventory/components/metric.tsx
index d5796ec45d10..5d96a80da652 100644
--- a/x-pack/plugins/infra/public/alerting/inventory/components/metric.tsx
+++ b/x-pack/plugins/infra/public/alerting/inventory/components/metric.tsx
@@ -226,6 +226,7 @@ export const MetricExpression = ({
               <EuiFlexGroup alignItems="center" gutterSize="s">
                 <EuiFlexItem grow={false}>
                   <EuiSelect
+                    data-test-subj="infraMetricExpressionSelect"
                     onChange={onAggregationChange}
                     value={customMetric?.aggregation || 'avg'}
                     options={aggregationOptions}
@@ -272,6 +273,7 @@ export const MetricExpression = ({
               })}
             >
               <EuiFieldText
+                data-test-subj="infraMetricExpressionFieldText"
                 name="label"
                 placeholder={i18n.translate('xpack.infra.waffle.customMetrics.labelPlaceholder', {
                   defaultMessage: 'Choose a name to appear in the "Metric" dropdown',
diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criteria.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criteria.tsx
index 311df76ce740..f26bab6b65f5 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criteria.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criteria.tsx
@@ -246,6 +246,7 @@ const AddCriterionButton = ({ addCriterion }: { addCriterion: () => void }) => {
   return (
     <div>
       <EuiButtonEmpty
+        data-test-subj="infraAddCriterionButtonAddConditionButton"
         color={'primary'}
         iconSide={'left'}
         flush={'left'}
diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
index 34551ca1fae0..2e394bb093ec 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/criterion.tsx
@@ -251,6 +251,7 @@ export const Criterion: React.FC<Props> = ({
                   <EuiFlexItem grow={false}>
                     <EuiFormRow isInvalid={errors.comparator.length > 0} error={errors.comparator}>
                       <EuiSelect
+                        data-test-subj="infraCriterionSelect"
                         compressed
                         hasNoInitialSelection={criterion.comparator == null}
                         value={criterion.comparator}
@@ -265,6 +266,7 @@ export const Criterion: React.FC<Props> = ({
                     <EuiFormRow isInvalid={errors.value.length > 0} error={errors.value}>
                       {fieldInfo?.type === 'number' ? (
                         <EuiFieldNumber
+                          data-test-subj="infraCriterionFieldNumber"
                           compressed
                           value={criterion.value as number | undefined}
                           onChange={(e) => {
@@ -276,6 +278,7 @@ export const Criterion: React.FC<Props> = ({
                         />
                       ) : (
                         <EuiFieldText
+                          data-test-subj="infraCriterionFieldText"
                           compressed
                           value={criterion.value}
                           onChange={(e) => updateCriterion(idx, { value: e.target.value })}
diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/editor.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/editor.tsx
index 013f8f145c2a..2f6f7a8583ae 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/editor.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/editor.tsx
@@ -141,7 +141,11 @@ export const SourceStatusWrapper: React.FC = ({ children }) => {
           color="danger"
           iconType="warning"
         >
-          <EuiButton onClick={load} iconType="refresh">
+          <EuiButton
+            data-test-subj="infraSourceStatusWrapperTryAgainButton"
+            onClick={load}
+            iconType="refresh"
+          >
             {i18n.translate('xpack.infra.logs.alertFlyout.sourceStatusErrorTryAgain', {
               defaultMessage: 'Try again',
             })}
diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
index 40eb6f2a2076..2f0ff956663f 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/threshold.tsx
@@ -83,6 +83,7 @@ export const Threshold: React.FC<Props> = ({ comparator, value, updateThreshold,
               <EuiFlexItem grow={false}>
                 <EuiFormRow>
                   <EuiSelect
+                    data-test-subj="infraThresholdSelect"
                     compressed
                     value={comparator}
                     onChange={(e) => updateThreshold({ comparator: e.target.value as Comparator })}
@@ -93,6 +94,7 @@ export const Threshold: React.FC<Props> = ({ comparator, value, updateThreshold,
               <EuiFlexItem grow={false}>
                 <EuiFormRow isInvalid={errors.value.length > 0} error={errors.value}>
                   <EuiFieldNumber
+                    data-test-subj="infraThresholdFieldNumber"
                     compressed
                     value={value}
                     onChange={(e) => {
diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/type_switcher.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/type_switcher.tsx
index 46e865d3acbe..adbab47b0fdd 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/type_switcher.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/expression_editor/type_switcher.tsx
@@ -88,6 +88,7 @@ export const TypeSwitcher: React.FC<Props> = ({ criteria, updateType }) => {
           <EuiFlexGroup>
             <EuiFlexItem grow={false}>
               <EuiSelect
+                data-test-subj="infraTypeSwitcherSelect"
                 compressed
                 value={thresholdType}
                 onChange={(e) => updateType(thresholdType === 'ratio' ? 'count' : 'ratio')}
diff --git a/x-pack/plugins/infra/public/alerting/metric_anomaly/components/influencer_filter.tsx b/x-pack/plugins/infra/public/alerting/metric_anomaly/components/influencer_filter.tsx
index fa149ab12fd6..cc1e664d6f9d 100644
--- a/x-pack/plugins/infra/public/alerting/metric_anomaly/components/influencer_filter.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_anomaly/components/influencer_filter.tsx
@@ -136,6 +136,7 @@ export const InfluencerFilter = ({
         <EuiFlexGroup>
           <EuiFlexItem>
             <EuiSelect
+              data-test-subj="infraInfluencerFilterSelect"
               id="selectInfluencerFieldName"
               value={fieldName}
               onChange={onSelectFieldName}
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/__snapshots__/expression_row.test.tsx.snap b/x-pack/plugins/infra/public/alerting/metric_threshold/components/__snapshots__/expression_row.test.tsx.snap
index 1571b981632d..909949439b96 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/__snapshots__/expression_row.test.tsx.snap
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/__snapshots__/expression_row.test.tsx.snap
@@ -7,6 +7,7 @@ exports[`ExpressionRow should render a helpText for the of expression 1`] = `
   values={
     Object {
       "documentationLink": <EuiLink
+        data-test-subj="infraExpressionRowLearnHowToAddMoreDataLink"
         href="https://www.elastic.co/guide/en/observability/current/configure-settings.html"
         target="BLANK"
       >
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.tsx
index 8632616866a7..3b00563fcc0f 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/custom_equation_editor.tsx
@@ -165,6 +165,7 @@ export const CustomEquationEditor = ({
       {metricRows}
       <EuiFlexGroup>
         <EuiButtonEmpty
+          data-test-subj="infraCustomEquationEditorAddAggregationFieldButton"
           color={'primary'}
           flush={'left'}
           size="xs"
@@ -189,6 +190,7 @@ export const CustomEquationEditor = ({
             error={[errors.equation]}
           >
             <EuiFieldText
+              data-test-subj="infraCustomEquationEditorFieldText"
               isInvalid={errors.equation != null}
               compressed
               fullWidth
@@ -204,6 +206,7 @@ export const CustomEquationEditor = ({
         <EuiFlexItem>
           <EuiFormRow label={LABEL_LABEL} fullWidth helpText={LABEL_HELP_MESSAGE}>
             <EuiFieldText
+              data-test-subj="infraCustomEquationEditorFieldText"
               compressed
               fullWidth
               value={label}
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_agg.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_agg.tsx
index 1e80f743d796..8a8b622e1475 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_agg.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_agg.tsx
@@ -102,6 +102,7 @@ export const MetricRowWithAgg = ({
             isInvalid={isAggInvalid}
           >
             <EuiSelect
+              data-test-subj="infraMetricRowWithAggSelect"
               compressed
               options={aggOptions}
               value={aggType}
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_count.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_count.tsx
index 78bc2bf265b4..f59fc058c06a 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_count.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/custom_equation/metric_row_with_count.tsx
@@ -76,7 +76,13 @@ export const MetricRowWithCount = ({
               { defaultMessage: 'Aggregation {name}', values: { name } }
             )}
           >
-            <EuiSelect compressed options={aggOptions} value={agg} onChange={handleAggChange} />
+            <EuiSelect
+              data-test-subj="infraMetricRowWithCountSelect"
+              compressed
+              options={aggOptions}
+              value={agg}
+              onChange={handleAggChange}
+            />
           </EuiFormRow>
         </EuiFlexItem>
         <EuiFlexItem>
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
index 224bf8d1fb5d..1e3c2c28fb3c 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression.tsx
@@ -337,6 +337,7 @@ export const Expressions: React.FC<Props> = (props) => {
       <EuiSpacer size={'m'} />
       <div>
         <EuiButtonEmpty
+          data-test-subj="infraExpressionsAddConditionButton"
           color={'primary'}
           iconSide={'left'}
           flush={'left'}
@@ -405,6 +406,7 @@ export const Expressions: React.FC<Props> = (props) => {
           />
         )) || (
           <EuiFieldSearch
+            data-test-subj="infraExpressionsFieldSearch"
             onChange={handleFieldSearchChange}
             value={ruleParams.filterQueryText}
             fullWidth
@@ -446,6 +448,7 @@ export const Expressions: React.FC<Props> = (props) => {
                 groupCount: redundantFilterGroupBy.length,
                 filteringAndGroupingLink: (
                   <EuiLink
+                    data-test-subj="infraExpressionsTheDocsLink"
                     href={`${docLinks.links.observability.metricsThreshold}#filtering-and-grouping`}
                   >
                     {i18n.translate(
diff --git a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_row.tsx b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_row.tsx
index 35196c9dba38..19f518d85063 100644
--- a/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_row.tsx
+++ b/x-pack/plugins/infra/public/alerting/metric_threshold/components/expression_row.tsx
@@ -255,6 +255,7 @@ export const ExpressionRow: React.FC<ExpressionRowProps> = (props) => {
                       values={{
                         documentationLink: (
                           <EuiLink
+                            data-test-subj="infraExpressionRowLearnHowToAddMoreDataLink"
                             href="https://www.elastic.co/guide/en/observability/current/configure-settings.html"
                             target="BLANK"
                           >
@@ -277,6 +278,7 @@ export const ExpressionRow: React.FC<ExpressionRowProps> = (props) => {
                 <EuiSpacer size={'xs'} />
                 <StyledExpressionRow>
                   <EuiButtonEmpty
+                    data-test-subj="infraExpressionRowAddWarningThresholdButton"
                     color={'primary'}
                     flush={'left'}
                     size="xs"
diff --git a/x-pack/plugins/infra/public/components/data_search_error_callout.tsx b/x-pack/plugins/infra/public/components/data_search_error_callout.tsx
index b8f65cd1cfe1..dd63b22db683 100644
--- a/x-pack/plugins/infra/public/components/data_search_error_callout.tsx
+++ b/x-pack/plugins/infra/public/components/data_search_error_callout.tsx
@@ -28,7 +28,12 @@ export const DataSearchErrorCallout: React.FC<{
         <DataSearchErrorMessage key={errorIndex} error={error} />
       ))}
       {onRetry ? (
-        <EuiButton color={calloutColor} size="s" onClick={onRetry}>
+        <EuiButton
+          data-test-subj="infraDataSearchErrorCalloutRetryButton"
+          color={calloutColor}
+          size="s"
+          onClick={onRetry}
+        >
           <FormattedMessage
             id="xpack.infra.dataSearch.loadingErrorRetryButtonLabel"
             defaultMessage="Retry"
diff --git a/x-pack/plugins/infra/public/components/empty_states/no_data.tsx b/x-pack/plugins/infra/public/components/empty_states/no_data.tsx
index cdcb86c86074..0fc2af08d1e5 100644
--- a/x-pack/plugins/infra/public/components/empty_states/no_data.tsx
+++ b/x-pack/plugins/infra/public/components/empty_states/no_data.tsx
@@ -30,7 +30,13 @@ export const NoData: React.FC<NoDataProps> = ({
     titleSize="m"
     body={<p>{bodyText}</p>}
     actions={
-      <EuiButton iconType="refresh" color="primary" fill onClick={onRefetch}>
+      <EuiButton
+        data-test-subj="infraNoDataButton"
+        iconType="refresh"
+        color="primary"
+        fill
+        onClick={onRefetch}
+      >
         {refetchText}
       </EuiButton>
     }
diff --git a/x-pack/plugins/infra/public/components/error_page.tsx b/x-pack/plugins/infra/public/components/error_page.tsx
index 5fba453feba8..f6cba045bf9c 100644
--- a/x-pack/plugins/infra/public/components/error_page.tsx
+++ b/x-pack/plugins/infra/public/components/error_page.tsx
@@ -34,7 +34,11 @@ export const ErrorPage: React.FC<Props> = ({ detailedMessage, retry, shortMessag
           <EuiFlexItem>{shortMessage}</EuiFlexItem>
           {retry ? (
             <EuiFlexItem grow={false}>
-              <EuiButton onClick={retry} iconType="refresh">
+              <EuiButton
+                data-test-subj="infraErrorPageTryAgainButton"
+                onClick={retry}
+                iconType="refresh"
+              >
                 <FormattedMessage
                   id="xpack.infra.errorPage.tryAgainButtonLabel"
                   defaultMessage="Try again"
diff --git a/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/metrics_node_details_link.tsx b/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/metrics_node_details_link.tsx
index c2b26d4f9ec7..94be20f80aac 100644
--- a/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/metrics_node_details_link.tsx
+++ b/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/metrics_node_details_link.tsx
@@ -37,5 +37,9 @@ export const MetricsNodeDetailsLink = ({
     })
   );
 
-  return <EuiLink href={linkProps.href}>{label}</EuiLink>;
+  return (
+    <EuiLink data-test-subj="infraMetricsNodeDetailsLinkLink" href={linkProps.href}>
+      {label}
+    </EuiLink>
+  );
 };
diff --git a/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/no_data_content.tsx b/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/no_data_content.tsx
index 55f403d960ff..bc448ceb56a6 100644
--- a/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/no_data_content.tsx
+++ b/x-pack/plugins/infra/public/components/infrastructure_node_metrics_tables/shared/components/no_data_content.tsx
@@ -53,7 +53,12 @@ export const MetricsTableNoIndicesContent = () => {
       title={<h2>{noMetricIndicesPromptTitle}</h2>}
       body={<p>{noMetricIndicesPromptDescription}</p>}
       actions={
-        <EuiButton color="primary" fill {...integrationsLinkProps}>
+        <EuiButton
+          data-test-subj="infraMetricsTableNoIndicesContentButton"
+          color="primary"
+          fill
+          {...integrationsLinkProps}
+        >
           {noMetricIndicesPromptPrimaryActionTitle}
         </EuiButton>
       }
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_results/analyze_in_ml_button.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_results/analyze_in_ml_button.tsx
index a0ec73133839..2e9dad23f140 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_results/analyze_in_ml_button.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_results/analyze_in_ml_button.tsx
@@ -27,7 +27,12 @@ export const AnalyzeInMlButton: React.FunctionComponent<{
   );
 
   return (
-    <EuiButton fill={false} size="s" onClick={handleClick}>
+    <EuiButton
+      data-test-subj="infraAnalyzeInMlButtonAnalyzeInMlButton"
+      fill={false}
+      size="s"
+      onClick={handleClick}
+    >
       <FormattedMessage
         id="xpack.infra.logs.analysis.analyzeInMlButtonLabel"
         defaultMessage="Analyze in ML"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/create_job_button.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/create_job_button.tsx
index bf245cf4d4c0..bc4589645089 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/create_job_button.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/create_job_button.tsx
@@ -16,7 +16,11 @@ export const CreateJobButton: React.FunctionComponent<
   } & PropsOf<typeof EuiButton>
 > = ({ hasSetupCapabilities = true, children, ...buttonProps }) => {
   const button = (
-    <EuiButton isDisabled={!hasSetupCapabilities} {...buttonProps}>
+    <EuiButton
+      data-test-subj="infraCreateJobButtonButton"
+      isDisabled={!hasSetupCapabilities}
+      {...buttonProps}
+    >
       {children ?? (
         <FormattedMessage
           id="xpack.infra.logs.analysis.createJobButtonLabel"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/manage_jobs_button.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/manage_jobs_button.tsx
index 0b12b0000fb3..7a9754272941 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/manage_jobs_button.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/manage_jobs_button.tsx
@@ -10,7 +10,7 @@ import { FormattedMessage } from '@kbn/i18n-react';
 import React from 'react';
 
 export const ManageJobsButton: React.FunctionComponent<PropsOf<typeof EuiButton>> = (props) => (
-  <EuiButton {...props}>
+  <EuiButton data-test-subj="infraManageJobsButtonManageMlJobsButton" {...props}>
     <FormattedMessage
       id="xpack.infra.logs.analysis.manageMlJobsButtonLabel"
       defaultMessage="Manage ML jobs"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/ml_unavailable_prompt.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/ml_unavailable_prompt.tsx
index c772d5d26886..5dafe8514ee0 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/ml_unavailable_prompt.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/ml_unavailable_prompt.tsx
@@ -29,7 +29,11 @@ export const MlUnavailablePrompt: React.FunctionComponent<{}> = () => (
           defaultMessage="Check the {machineLearningAppLink} for more information."
           values={{
             machineLearningAppLink: (
-              <EuiLink href="ml" target="_blank">
+              <EuiLink
+                data-test-subj="infraMlUnavailablePromptMachineLearningAppLink"
+                href="ml"
+                target="_blank"
+              >
                 <FormattedMessage
                   id="xpack.infra.logs.analysisPage.unavailable.mlAppLink"
                   defaultMessage="Machine Learning app"
@@ -41,7 +45,13 @@ export const MlUnavailablePrompt: React.FunctionComponent<{}> = () => (
       </p>
     }
     actions={
-      <EuiButton target="_blank" href="ml" color="primary" fill>
+      <EuiButton
+        data-test-subj="infraMlUnavailablePromptOpenMachineLearningButton"
+        target="_blank"
+        href="ml"
+        color="primary"
+        fill
+      >
         {i18n.translate('xpack.infra.logs.analysis.mlAppButton', {
           defaultMessage: 'Open Machine Learning',
         })}
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/create_ml_jobs_button.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/create_ml_jobs_button.tsx
index cfeead4e37d9..e76e15711c24 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/create_ml_jobs_button.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/create_ml_jobs_button.tsx
@@ -14,7 +14,12 @@ export const CreateMLJobsButton: React.FunctionComponent<{
   onClick: () => void;
 }> = ({ isDisabled, onClick }) => {
   return (
-    <EuiButton isDisabled={isDisabled} fill onClick={onClick}>
+    <EuiButton
+      data-test-subj="infraCreateMLJobsButtonCreateMlJobButton"
+      isDisabled={isDisabled}
+      fill
+      onClick={onClick}
+    >
       <FormattedMessage
         id="xpack.infra.analysisSetup.createMlJobButton"
         defaultMessage="Create ML job"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/process_step.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/process_step.tsx
index a62cc81a1735..9225ef1de78a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/process_step.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/process_step.tsx
@@ -81,7 +81,7 @@ export const ProcessStep: React.FunctionComponent<ProcessStepProps> = ({
             </EuiCallOut>
           ))}
           <EuiSpacer />
-          <EuiButton fill onClick={cleanUpAndSetUp}>
+          <EuiButton data-test-subj="infraProcessStepTryAgainButton" fill onClick={cleanUpAndSetUp}>
             <FormattedMessage
               id="xpack.infra.analysisSetup.steps.setupProcess.tryAgainButton"
               defaultMessage="Try again"
@@ -95,7 +95,7 @@ export const ProcessStep: React.FunctionComponent<ProcessStepProps> = ({
             defaultMessage="The ML jobs have been set up successfully"
           />
           <EuiSpacer />
-          <EuiButton fill onClick={viewResults}>
+          <EuiButton data-test-subj="infraProcessStepViewResultsButton" fill onClick={viewResults}>
             <FormattedMessage
               id="xpack.infra.analysisSetup.steps.setupProcess.viewResultsButton"
               defaultMessage="View results"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/recreate_ml_jobs_button.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/recreate_ml_jobs_button.tsx
index f38f07073d5a..7023cec45234 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/recreate_ml_jobs_button.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/process_step/recreate_ml_jobs_button.tsx
@@ -20,7 +20,12 @@ export const RecreateMLJobsButton: React.FunctionComponent<{
         defaultMessage="This removes previously detected anomalies."
         tagName="p"
       />
-      <EuiButton isDisabled={isDisabled} fill onClick={onClick}>
+      <EuiButton
+        data-test-subj="infraRecreateMLJobsButtonRecreateMlJobsButton"
+        isDisabled={isDisabled}
+        fill
+        onClick={onClick}
+      >
         <FormattedMessage
           id="xpack.infra.analysisSetup.recreateMlJobButton"
           defaultMessage="Recreate ML jobs"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/module_list_card.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/module_list_card.tsx
index 0a455b80dbe5..c02ec25b72a4 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/module_list_card.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/module_list_card.tsx
@@ -77,7 +77,10 @@ export const LogAnalysisModuleListCard: React.FC<{
         {viewInMlLink ? (
           <>
             <EuiSpacer size="xs" />
-            <EuiButtonEmpty onClick={navigateToMlApp}>
+            <EuiButtonEmpty
+              data-test-subj="infraLogAnalysisModuleListCardViewInMachineLearningButton"
+              onClick={navigateToMlApp}
+            >
               <FormattedMessage
                 id="xpack.infra.logs.analysis.viewInMlButtonLabel"
                 defaultMessage="View in Machine Learning"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/setup_flyout.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/setup_flyout.tsx
index 07511146025a..18bab7011eca 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/setup_flyout.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_flyout/setup_flyout.tsx
@@ -88,6 +88,7 @@ const LogAnalysisSetupFlyoutSubPage: React.FC<{
     {onViewModuleList ? (
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="infraLogAnalysisSetupFlyoutSubPageAllMachineLearningJobsButton"
           flush="left"
           iconSide="left"
           iconType="arrowLeft"
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_status_unknown_prompt.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_status_unknown_prompt.tsx
index f9430570004b..55cb23c5c51a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_status_unknown_prompt.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/setup_status_unknown_prompt.tsx
@@ -28,7 +28,12 @@ export const LogAnalysisSetupStatusUnknownPrompt: React.FunctionComponent<Props>
       </h2>
     }
     actions={
-      <EuiButton onClick={() => retry()} color="primary" fill>
+      <EuiButton
+        data-test-subj="infraLogAnalysisSetupStatusUnknownPromptTryAgainButton"
+        onClick={() => retry()}
+        color="primary"
+        fill
+      >
         {i18n.translate('xpack.infra.logs.analysis.setupStatusTryAgainButton', {
           defaultMessage: 'Try again',
         })}
diff --git a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/user_management_link.tsx b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/user_management_link.tsx
index 14d69ac6c9fd..ee5f8de9b47a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_analysis_setup/user_management_link.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_analysis_setup/user_management_link.tsx
@@ -27,7 +27,13 @@ export const UserManagementLink: React.FunctionComponent<EuiButtonProps> = (prop
   if (!canAccessUserManagement) return null;
 
   return (
-    <EuiButton color="primary" fill {...linkProps} {...props}>
+    <EuiButton
+      data-test-subj="infraUserManagementLinkManageUsersButton"
+      color="primary"
+      fill
+      {...linkProps}
+      {...props}
+    >
       <FormattedMessage
         id="xpack.infra.logs.analysis.userManagementButtonLabel"
         defaultMessage="Manage users"
diff --git a/x-pack/plugins/infra/public/components/logging/log_customization_menu.tsx b/x-pack/plugins/infra/public/components/logging/log_customization_menu.tsx
index bae2ab06b7dc..0893f846aaf3 100644
--- a/x-pack/plugins/infra/public/components/logging/log_customization_menu.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_customization_menu.tsx
@@ -43,7 +43,13 @@ export class LogCustomizationMenu extends React.Component<{}, LogCustomizationMe
     const { isShown } = this.state;
 
     const menuButton = (
-      <EuiButtonEmpty color="text" iconType="eye" onClick={this.toggleVisibility} size="xs">
+      <EuiButtonEmpty
+        data-test-subj="infraCustomizeButton"
+        color="text"
+        iconType="eye"
+        onClick={this.toggleVisibility}
+        size="xs"
+      >
         <FormattedMessage
           id="xpack.infra.logs.customizeLogs.customizeButtonLabel"
           defaultMessage="Customize"
diff --git a/x-pack/plugins/infra/public/components/logging/log_datepicker.tsx b/x-pack/plugins/infra/public/components/logging/log_datepicker.tsx
index 6eba6de14f99..db2f90fc52df 100644
--- a/x-pack/plugins/infra/public/components/logging/log_datepicker.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_datepicker.tsx
@@ -49,14 +49,26 @@ export const LogDatepicker: React.FC<LogDatepickerProps> = ({
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         {isStreaming ? (
-          <EuiButton color="primary" iconType="pause" iconSide="left" onClick={onStopStreaming}>
+          <EuiButton
+            data-test-subj="infraLogDatepickerStopStreamingButton"
+            color="primary"
+            iconType="pause"
+            iconSide="left"
+            onClick={onStopStreaming}
+          >
             <FormattedMessage
               id="xpack.infra.logs.stopStreamingButtonLabel"
               defaultMessage="Stop streaming"
             />
           </EuiButton>
         ) : (
-          <EuiButton color="primary" iconType="play" iconSide="left" onClick={onStartStreaming}>
+          <EuiButton
+            data-test-subj="infraLogDatepickerStreamLiveButton"
+            color="primary"
+            iconType="play"
+            iconSide="left"
+            onClick={onStartStreaming}
+          >
             <FormattedMessage
               id="xpack.infra.logs.startStreamingButtonLabel"
               defaultMessage="Stream live"
diff --git a/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_empty_indicator.tsx b/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_empty_indicator.tsx
index 94a3f70313ad..b9b9f6bc7863 100644
--- a/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_empty_indicator.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_empty_indicator.tsx
@@ -20,7 +20,11 @@ export const LogEntryExampleMessagesEmptyIndicator: React.FunctionComponent<{
       />
     </EuiFlexItem>
     <EuiFlexItem grow={false}>
-      <EuiButton onClick={onReload} size="s">
+      <EuiButton
+        data-test-subj="infraLogEntryExampleMessagesEmptyIndicatorReloadButton"
+        onClick={onReload}
+        size="s"
+      >
         <FormattedMessage
           id="xpack.infra.logs.logEntryExamples.exampleEmptyReloadButtonLabel"
           defaultMessage="Reload"
diff --git a/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_failure_indicator.tsx b/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_failure_indicator.tsx
index e9930086c7c5..850558b22c7f 100644
--- a/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_failure_indicator.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_entry_examples/log_entry_examples_failure_indicator.tsx
@@ -22,7 +22,11 @@ export const LogEntryExampleMessagesFailureIndicator: React.FunctionComponent<{
       </EuiTextColor>
     </EuiFlexItem>
     <EuiFlexItem grow={false}>
-      <EuiButton onClick={onRetry} size="s">
+      <EuiButton
+        data-test-subj="infraLogEntryExampleMessagesFailureIndicatorRetryButton"
+        onClick={onRetry}
+        size="s"
+      >
         <FormattedMessage
           id="xpack.infra.logs.logEntryExamples.exampleLoadingFailureRetryButtonLabel"
           defaultMessage="Retry"
diff --git a/x-pack/plugins/infra/public/components/logging/log_highlights_menu.tsx b/x-pack/plugins/infra/public/components/logging/log_highlights_menu.tsx
index 4b559c4de6f8..3d4c2cd2c3c0 100644
--- a/x-pack/plugins/infra/public/components/logging/log_highlights_menu.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_highlights_menu.tsx
@@ -77,7 +77,13 @@ export const LogHighlightsMenu: React.FC<LogHighlightsMenuProps> = ({
   const clearHighlightTerm = useCallback(() => setHighlightTerm(''), [setHighlightTerm]);
 
   const button = (
-    <EuiButtonEmpty color="text" size="xs" iconType="brush" onClick={togglePopover}>
+    <EuiButtonEmpty
+      data-test-subj="infraLogHighlightsMenuButton"
+      color="text"
+      size="xs"
+      iconType="brush"
+      onClick={togglePopover}
+    >
       <FormattedMessage
         id="xpack.infra.logs.highlights.highlightsPopoverButtonLabel"
         defaultMessage="Highlights"
@@ -97,6 +103,7 @@ export const LogHighlightsMenu: React.FC<LogHighlightsMenuProps> = ({
         <EuiFlexGroup alignItems="center" gutterSize="s">
           <EuiFlexItem>
             <EuiFieldText
+              data-test-subj="infraLogHighlightsMenuFieldText"
               placeholder={termsFieldLabel}
               fullWidth={true}
               value={highlightTerm}
diff --git a/x-pack/plugins/infra/public/components/logging/log_search_controls/log_search_buttons.tsx b/x-pack/plugins/infra/public/components/logging/log_search_controls/log_search_buttons.tsx
index 7d6427f865dc..16844e6c0153 100644
--- a/x-pack/plugins/infra/public/components/logging/log_search_controls/log_search_buttons.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_search_controls/log_search_buttons.tsx
@@ -47,6 +47,7 @@ export class LogSearchButtons extends React.PureComponent<LogSearchButtonsProps,
       <EuiFlexGroup className={classes} gutterSize="xs">
         <EuiFlexItem>
           <EuiButtonEmpty
+            data-test-subj="infraPreviousButton"
             onClick={this.handleJumpToPreviousSearchResult}
             iconType="arrowLeft"
             iconSide="left"
@@ -61,6 +62,7 @@ export class LogSearchButtons extends React.PureComponent<LogSearchButtonsProps,
         </EuiFlexItem>
         <EuiFlexItem>
           <EuiButtonEmpty
+            data-test-subj="infraNextButton"
             onClick={this.handleJumpToNextSearchResult}
             iconType="arrowRight"
             iconSide="right"
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_scale_controls.tsx b/x-pack/plugins/infra/public/components/logging/log_text_scale_controls.tsx
index bd00002aa460..ec3de87b654a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_text_scale_controls.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_text_scale_controls.tsx
@@ -37,6 +37,7 @@ export class LogTextScaleControls extends React.PureComponent<LogTextScaleContro
         }
       >
         <EuiRadioGroup
+          data-test-subj="infraRadioGroup"
           options={availableTextScales.map((availableTextScale: TextScale) => ({
             id: availableTextScale.toString(),
             label: (
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/jump_to_tail.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/jump_to_tail.tsx
index 3d6eca7688af..81bb3f299db5 100644
--- a/x-pack/plugins/infra/public/components/logging/log_text_stream/jump_to_tail.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_text_stream/jump_to_tail.tsx
@@ -29,7 +29,12 @@ export class LogTextStreamJumpToTail extends React.PureComponent<LogTextStreamJu
             />
           </EuiText>
         </MessageWrapper>
-        <EuiButtonEmpty size="xs" onClick={onClickJump} iconType="arrowDown">
+        <EuiButtonEmpty
+          data-test-subj="infraJumpToMostRecentEntriesButton"
+          size="xs"
+          onClick={onClickJump}
+          iconType="arrowDown"
+        >
           <FormattedMessage
             id="xpack.infra.logs.jumpToTailText"
             defaultMessage="Jump to most recent entries"
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/loading_item_view.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/loading_item_view.tsx
index 23a2201d609e..f0b0fc4236bf 100644
--- a/x-pack/plugins/infra/public/components/logging/log_text_stream/loading_item_view.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_text_stream/loading_item_view.tsx
@@ -181,7 +181,7 @@ const ProgressCta: React.FC<ProgressCtaProps> = ({
 
   if (rangeEdge === 'now' && position === 'end') {
     return (
-      <EuiButton onClick={onStreamStart} size="s">
+      <EuiButton data-test-subj="infraProgressCtaStreamLiveButton" onClick={onStreamStart} size="s">
         <FormattedMessage id="xpack.infra.logs.streamLive" defaultMessage="Stream live" />
       </EuiButton>
     );
@@ -198,6 +198,7 @@ const ProgressCta: React.FC<ProgressCtaProps> = ({
 
   return (
     <EuiButton
+      data-test-subj="infraProgressCtaButton"
       onClick={() => {
         if (typeof onExtendRange === 'function') {
           onExtendRange(extendedRange.value);
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
index e8bb7b5dcb09..d3bf851dcc8a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
@@ -58,6 +58,7 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
   const button = (
     <ButtonWrapper>
       <EuiButton
+        data-test-subj="infraLogEntryContextMenuButton"
         size="s"
         fill
         aria-label={ariaLabel || DEFAULT_MENU_LABEL}
diff --git a/x-pack/plugins/infra/public/components/saved_views/create_modal.tsx b/x-pack/plugins/infra/public/components/saved_views/create_modal.tsx
index 59789217bd86..7b14ee2e3fed 100644
--- a/x-pack/plugins/infra/public/components/saved_views/create_modal.tsx
+++ b/x-pack/plugins/infra/public/components/saved_views/create_modal.tsx
@@ -84,7 +84,7 @@ export const SavedViewCreateModal = ({ close, save, isInvalid }: Props) => {
       </EuiModalBody>
 
       <EuiModalFooter>
-        <EuiButtonEmpty onClick={close}>
+        <EuiButtonEmpty data-test-subj="infraSavedViewCreateModalCancelButton" onClick={close}>
           <FormattedMessage
             defaultMessage="Cancel"
             id="xpack.infra.waffle.savedViews.cancelButton"
diff --git a/x-pack/plugins/infra/public/components/saved_views/manage_views_flyout.tsx b/x-pack/plugins/infra/public/components/saved_views/manage_views_flyout.tsx
index 4d93a4718c19..2ee792022c1e 100644
--- a/x-pack/plugins/infra/public/components/saved_views/manage_views_flyout.tsx
+++ b/x-pack/plugins/infra/public/components/saved_views/manage_views_flyout.tsx
@@ -66,7 +66,14 @@ const DeleteConfimation = (props: DeleteConfimationProps) => {
           </EuiButton>
         </EuiFlexGroup>
       )}
-      {!confirmVisible && <EuiButtonEmpty iconType="trash" color="danger" onClick={showConfirm} />}
+      {!confirmVisible && (
+        <EuiButtonEmpty
+          data-test-subj="infraDeleteConfimationButton"
+          iconType="trash"
+          color="danger"
+          onClick={showConfirm}
+        />
+      )}
     </>
   );
 };
@@ -85,6 +92,7 @@ export function SavedViewManageViewsFlyout<ViewState>({
   const renderName = useCallback(
     (name: string, item: SavedView<ViewState>) => (
       <EuiButtonEmpty
+        data-test-subj="infraRenderNameButton"
         onClick={() => {
           setView(item);
           close();
@@ -120,6 +128,7 @@ export function SavedViewManageViewsFlyout<ViewState>({
       return (
         <>
           <EuiButtonEmpty
+            data-test-subj="infraRenderMakeDefaultActionButton"
             isLoading={inProgressView === item.id && sourceIsLoading}
             iconType={isDefault ? 'starFilled' : 'starEmpty'}
             onClick={() => {
diff --git a/x-pack/plugins/infra/public/components/saved_views/update_modal.tsx b/x-pack/plugins/infra/public/components/saved_views/update_modal.tsx
index 60a9d2e0bdcc..43ad4eef185a 100644
--- a/x-pack/plugins/infra/public/components/saved_views/update_modal.tsx
+++ b/x-pack/plugins/infra/public/components/saved_views/update_modal.tsx
@@ -90,7 +90,7 @@ export function SavedViewUpdateModal<ViewState extends { id: string; name: strin
       </EuiModalBody>
 
       <EuiModalFooter>
-        <EuiButtonEmpty onClick={close}>
+        <EuiButtonEmpty data-test-subj="infraSavedViewUpdateModalCancelButton" onClick={close}>
           <FormattedMessage
             defaultMessage="Cancel"
             id="xpack.infra.waffle.savedViews.cancelButton"
diff --git a/x-pack/plugins/infra/public/components/subscription_splash_content.tsx b/x-pack/plugins/infra/public/components/subscription_splash_content.tsx
index 5a4776938ff6..b79e96da6137 100644
--- a/x-pack/plugins/infra/public/components/subscription_splash_content.tsx
+++ b/x-pack/plugins/infra/public/components/subscription_splash_content.tsx
@@ -65,6 +65,7 @@ export const SubscriptionSplashPrompt: React.FC = () => {
 
     cta = (
       <EuiButton
+        data-test-subj="infraSubscriptionSplashPromptStartTrialButton"
         fullWidth={false}
         fill
         href={services.http.basePath.prepend('/app/management/stack/license_management')}
@@ -88,7 +89,12 @@ export const SubscriptionSplashPrompt: React.FC = () => {
     );
 
     cta = (
-      <EuiButton fullWidth={false} fill href="https://www.elastic.co/subscriptions">
+      <EuiButton
+        data-test-subj="infraSubscriptionSplashPromptUpgradeSubscriptionButton"
+        fullWidth={false}
+        fill
+        href="https://www.elastic.co/subscriptions"
+      >
         <FormattedMessage
           id="xpack.infra.ml.splash.updateSubscriptionCta"
           defaultMessage="Upgrade subscription"
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_setup_content.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_setup_content.tsx
index 554de0ec1bea..8a74e8e8fd8a 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_setup_content.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_categories/page_setup_content.tsx
@@ -43,7 +43,11 @@ export const LogEntryCategoriesSetupContent: React.FunctionComponent<
         </EuiText>
       }
       actions={
-        <EuiButton fill onClick={onOpenSetup}>
+        <EuiButton
+          data-test-subj="infraLogEntryCategoriesSetupContentMlSetupButton"
+          fill
+          onClick={onOpenSetup}
+        >
           <FormattedMessage
             id="xpack.infra.logs.logEntryCategories.showAnalysisSetupButtonLabel"
             defaultMessage="ML setup"
diff --git a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_setup_content.tsx b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_setup_content.tsx
index 0f8e4e70372f..3fc9c823cc54 100644
--- a/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_setup_content.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/log_entry_rate/page_setup_content.tsx
@@ -43,7 +43,11 @@ export const LogEntryRateSetupContent: React.FunctionComponent<LogEntryRateSetup
         </EuiText>
       }
       actions={
-        <EuiButton fill onClick={onOpenSetup}>
+        <EuiButton
+          data-test-subj="infraLogEntryRateSetupContentMlSetupButton"
+          fill
+          onClick={onOpenSetup}
+        >
           <FormattedMessage
             id="xpack.infra.logs.logEntryRate.showAnalysisSetupButtonLabel"
             defaultMessage="ML Setup"
diff --git a/x-pack/plugins/infra/public/pages/logs/settings/index_pattern_configuration_panel.tsx b/x-pack/plugins/infra/public/pages/logs/settings/index_pattern_configuration_panel.tsx
index 91936df960f2..f0b945516db2 100644
--- a/x-pack/plugins/infra/public/pages/logs/settings/index_pattern_configuration_panel.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/settings/index_pattern_configuration_panel.tsx
@@ -99,7 +99,10 @@ const DataViewsInlineHelpMessage = React.memo(() => {
       defaultMessage="Data views are shared among apps in the Kibana space and can be managed via the {dataViewsManagementLink}. A single data view can target multiple indices."
       values={{
         dataViewsManagementLink: (
-          <EuiLink {...dataViewsManagementLinkProps}>
+          <EuiLink
+            data-test-subj="infraDataViewsInlineHelpMessageDataViewsManagementScreenLink"
+            {...dataViewsManagementLinkProps}
+          >
             <FormattedMessage
               id="xpack.infra.logSourceConfiguration.dataViewsManagementLinkText"
               defaultMessage="data views management screen"
diff --git a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
index 714bd88cd6d4..f826be82ac67 100644
--- a/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/settings/source_configuration_settings.tsx
@@ -129,7 +129,12 @@ export const LogsSettingsPage = () => {
               {isLoading ? (
                 <EuiFlexGroup justifyContent="flexEnd">
                   <EuiFlexItem grow={false}>
-                    <EuiButton color="primary" isLoading fill>
+                    <EuiButton
+                      data-test-subj="infraLogsSettingsPageLoadingButton"
+                      color="primary"
+                      isLoading
+                      fill
+                    >
                       Loading
                     </EuiButton>
                   </EuiFlexItem>
diff --git a/x-pack/plugins/infra/public/pages/logs/shared/page_log_view_error.tsx b/x-pack/plugins/infra/public/pages/logs/shared/page_log_view_error.tsx
index 92d81c812845..3fcaff0df503 100644
--- a/x-pack/plugins/infra/public/pages/logs/shared/page_log_view_error.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/shared/page_log_view_error.tsx
@@ -55,13 +55,22 @@ export const LogViewErrorPage: React.FC<{
           </>
         }
         actions={[
-          <EuiButton onClick={onRetry} iconType="refresh" fill>
+          <EuiButton
+            data-test-subj="infraLogViewErrorPageTryAgainButton"
+            onClick={onRetry}
+            iconType="refresh"
+            fill
+          >
             <FormattedMessage
               id="xpack.infra.logSourceErrorPage.tryAgainButtonLabel"
               defaultMessage="Try again"
             />
           </EuiButton>,
-          <EuiButtonEmpty iconType="gear" {...settingsLinkProps}>
+          <EuiButtonEmpty
+            data-test-subj="infraLogViewErrorPageChangeConfigurationButton"
+            iconType="gear"
+            {...settingsLinkProps}
+          >
             <FormattedMessage
               id="xpack.infra.logSourceErrorPage.navigateToSettingsButtonLabel"
               defaultMessage="Change configuration"
diff --git a/x-pack/plugins/infra/public/pages/logs/stream/components/stream_live_button.tsx b/x-pack/plugins/infra/public/pages/logs/stream/components/stream_live_button.tsx
index d97a929aa3a1..756849d185c4 100644
--- a/x-pack/plugins/infra/public/pages/logs/stream/components/stream_live_button.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/stream/components/stream_live_button.tsx
@@ -15,14 +15,26 @@ export const StreamLiveButton: React.FC<{
   onStopStreaming: () => void;
 }> = ({ isStreaming, onStartStreaming, onStopStreaming }) =>
   isStreaming ? (
-    <EuiButtonEmpty color="warning" iconSide="left" iconType="pause" onClick={onStopStreaming}>
+    <EuiButtonEmpty
+      data-test-subj="infraStreamLiveButtonStopStreamingButton"
+      color="warning"
+      iconSide="left"
+      iconType="pause"
+      onClick={onStopStreaming}
+    >
       <FormattedMessage
         id="xpack.infra.logs.stopStreamingButtonLabel"
         defaultMessage="Stop streaming"
       />
     </EuiButtonEmpty>
   ) : (
-    <EuiButtonEmpty color="primary" iconSide="left" iconType="play" onClick={onStartStreaming}>
+    <EuiButtonEmpty
+      data-test-subj="infraStreamLiveButtonStreamLiveButton"
+      color="primary"
+      iconSide="left"
+      iconType="play"
+      onClick={onStartStreaming}
+    >
       <FormattedMessage
         id="xpack.infra.logs.startStreamingButtonLabel"
         defaultMessage="Stream live"
diff --git a/x-pack/plugins/infra/public/pages/metrics/hosts/components/hosts_table_entry_title.tsx b/x-pack/plugins/infra/public/pages/metrics/hosts/components/hosts_table_entry_title.tsx
index 9f0a8f926026..7b5ae9fde594 100644
--- a/x-pack/plugins/infra/public/pages/metrics/hosts/components/hosts_table_entry_title.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/hosts/components/hosts_table_entry_title.tsx
@@ -52,7 +52,11 @@ export const HostsTableEntryTitle = ({ onClick, time, title }: HostsTableEntryTi
       </EuiFlexItem>
       <EuiFlexItem grow={false} className="eui-textTruncate" onClick={onClick}>
         <EuiToolTip delay="long" content={name}>
-          <EuiLink className="eui-displayBlock eui-textTruncate" {...link}>
+          <EuiLink
+            data-test-subj="infraHostsTableEntryTitleLink"
+            className="eui-displayBlock eui-textTruncate"
+            {...link}
+          >
             {name}
           </EuiLink>
         </EuiToolTip>
diff --git a/x-pack/plugins/infra/public/pages/metrics/hosts/index.tsx b/x-pack/plugins/infra/public/pages/metrics/hosts/index.tsx
index bd2594fe28d9..85f70926df3f 100644
--- a/x-pack/plugins/infra/public/pages/metrics/hosts/index.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/hosts/index.tsx
@@ -66,6 +66,7 @@ export const HostsPage = () => {
               ),
               rightSideItems: [
                 <EuiButton
+                  data-test-subj="infraHostsPageTellUsWhatYouThinkButton"
                   href={HOSTS_FEEDBACK_LINK}
                   target="_blank"
                   color="warning"
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/anomalies_table/anomalies_table.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/anomalies_table/anomalies_table.tsx
index d86e0f9993d1..0aecea0a8a87 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/anomalies_table/anomalies_table.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/anomalies_table/anomalies_table.tsx
@@ -452,6 +452,7 @@ export const AnomaliesTable = (props: Props) => {
         <EuiFlexGroup alignItems="center">
           <EuiFlexItem grow={3}>
             <EuiFieldSearch
+              data-test-subj="infraAnomaliesTableFieldSearch"
               fullWidth
               placeholder={i18n.translate('xpack.infra.ml.anomalyFlyout.searchPlaceholder', {
                 defaultMessage: 'Search',
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/flyout_home.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/flyout_home.tsx
index eff62e8a7e6e..26d5ec725b29 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/flyout_home.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/flyout_home.tsx
@@ -141,7 +141,11 @@ export const FlyoutHome = (props: Props) => {
                 <>
                   <EuiFlexGroup gutterSize={'s'}>
                     <EuiFlexItem grow={false}>
-                      <EuiButton {...manageJobsLinkProps} style={{ marginRight: 5 }}>
+                      <EuiButton
+                        data-test-subj="infraFlyoutHomeManageJobsInMlButton"
+                        {...manageJobsLinkProps}
+                        style={{ marginRight: 5 }}
+                      >
                         <FormattedMessage
                           defaultMessage="Manage jobs in ML"
                           id="xpack.infra.ml.anomalyFlyout.manageJobs"
@@ -254,7 +258,10 @@ const CreateJobTab = (props: CreateJobTab) => {
             footer={
               <>
                 {props.hasHostJobs && (
-                  <EuiButtonEmpty onClick={props.createHosts}>
+                  <EuiButtonEmpty
+                    data-test-subj="infraCreateJobTabRecreateJobsButton"
+                    onClick={props.createHosts}
+                  >
                     <FormattedMessage
                       defaultMessage="Recreate jobs"
                       id="xpack.infra.ml.anomalyFlyout.create.recreateButton"
@@ -262,7 +269,10 @@ const CreateJobTab = (props: CreateJobTab) => {
                   </EuiButtonEmpty>
                 )}
                 {!props.hasHostJobs && (
-                  <EuiButton onClick={props.createHosts}>
+                  <EuiButton
+                    data-test-subj="infraCreateJobTabEnableButton"
+                    onClick={props.createHosts}
+                  >
                     <FormattedMessage
                       defaultMessage="Enable"
                       id="xpack.infra.ml.anomalyFlyout.create.createButton"
@@ -292,7 +302,10 @@ const CreateJobTab = (props: CreateJobTab) => {
             footer={
               <>
                 {props.hasK8sJobs && (
-                  <EuiButtonEmpty onClick={props.createK8s}>
+                  <EuiButtonEmpty
+                    data-test-subj="infraCreateJobTabRecreateJobsButton"
+                    onClick={props.createK8s}
+                  >
                     <FormattedMessage
                       defaultMessage="Recreate jobs"
                       id="xpack.infra.ml.anomalyFlyout.create.recreateButton"
@@ -300,7 +313,10 @@ const CreateJobTab = (props: CreateJobTab) => {
                   </EuiButtonEmpty>
                 )}
                 {!props.hasK8sJobs && (
-                  <EuiButton onClick={props.createK8s}>
+                  <EuiButton
+                    data-test-subj="infraCreateJobTabEnableButton"
+                    onClick={props.createK8s}
+                  >
                     <FormattedMessage
                       defaultMessage="Enable"
                       id="xpack.infra.ml.anomalyFlyout.create.createButton"
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/job_setup_screen.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/job_setup_screen.tsx
index ddc537201181..299ccb37ef90 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/job_setup_screen.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/ml/anomaly_detection/job_setup_screen.tsx
@@ -193,7 +193,7 @@ export const JobSetupScreen = (props: Props) => {
               defaultMessage="Something went wrong creating the necessary ML jobs."
             />
             <EuiSpacer />
-            <EuiButton fill onClick={createJobs}>
+            <EuiButton data-test-subj="infraJobSetupScreenTryAgainButton" fill onClick={createJobs}>
               <FormattedMessage
                 id="xpack.infra.ml.steps.setupProcess.tryAgainButton"
                 defaultMessage="Try again"
@@ -332,7 +332,10 @@ export const JobSetupScreen = (props: Props) => {
       <EuiFlyoutFooter>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty onClick={props.closeFlyout}>
+            <EuiButtonEmpty
+              data-test-subj="infraJobSetupScreenCancelButton"
+              onClick={props.closeFlyout}
+            >
               <FormattedMessage
                 id="xpack.infra.ml.steps.setupProcess.cancelButton"
                 defaultMessage="Cancel"
@@ -340,7 +343,12 @@ export const JobSetupScreen = (props: Props) => {
             </EuiButtonEmpty>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton fill={true} fullWidth={false} onClick={createJobs}>
+            <EuiButton
+              data-test-subj="infraJobSetupScreenEnableJobsButton"
+              fill={true}
+              fullWidth={false}
+              onClick={createJobs}
+            >
               <FormattedMessage
                 id="xpack.infra.ml.steps.setupProcess.enableButton"
                 defaultMessage="Enable jobs"
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/overlay.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/overlay.tsx
index f26c8fe51438..b30bc7a4bfb3 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/overlay.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/overlay.tsx
@@ -114,6 +114,7 @@ export const NodeContextPopover = ({
                   {canCreateAlerts && (
                     <EuiFlexItem grow={false}>
                       <EuiButtonEmpty
+                        data-test-subj="infraNodeContextPopoverCreateInventoryRuleButton"
                         onClick={openAlertFlyout}
                         size="xs"
                         iconSide={'left'}
@@ -129,6 +130,7 @@ export const NodeContextPopover = ({
                   )}
                   <EuiFlexItem grow={false}>
                     <EuiButtonEmpty
+                      data-test-subj="infraNodeContextPopoverOpenAsPageButton"
                       size="xs"
                       iconSide={'left'}
                       iconType={'popout'}
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/logs.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/logs.tsx
index 38aa292822c2..b09240a41962 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/logs.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/logs.tsx
@@ -58,6 +58,7 @@ const TabComponent = (props: TabProps) => {
       <EuiFlexGroup gutterSize={'m'} alignItems={'center'} responsive={false}>
         <EuiFlexItem>
           <EuiFieldSearch
+            data-test-subj="infraTabComponentFieldSearch"
             fullWidth
             placeholder={i18n.translate('xpack.infra.nodeDetails.logs.textFieldPlaceholder', {
               defaultMessage: 'Search for log entries...',
@@ -69,6 +70,7 @@ const TabComponent = (props: TabProps) => {
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
+            data-test-subj="infraTabComponentOpenInLogsButton"
             size={'xs'}
             flush={'both'}
             iconType={'popout'}
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/metrics/time_dropdown.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/metrics/time_dropdown.tsx
index 28e57992cfaf..a7e9aef892e0 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/metrics/time_dropdown.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/metrics/time_dropdown.tsx
@@ -16,6 +16,7 @@ interface Props {
 
 export const TimeDropdown = (props: Props) => (
   <EuiSelect
+    data-test-subj="infraTimeDropdownSelect"
     fullWidth={true}
     options={[
       {
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/index.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/index.tsx
index 161c592f8e05..2d4ef39864a4 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/index.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/index.tsx
@@ -144,7 +144,12 @@ const TabComponent = ({ currentTime, node, nodeType }: TabProps) => {
               </h4>
             }
             actions={
-              <EuiButton color="primary" fill onClick={reload}>
+              <EuiButton
+                data-test-subj="infraTabComponentTryAgainButton"
+                color="primary"
+                fill
+                onClick={reload}
+              >
                 {i18n.translate('xpack.infra.metrics.nodeDetails.processListRetry', {
                   defaultMessage: 'Try again',
                 })}
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/process_row.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/process_row.tsx
index 34abcc4f6b56..e552704fdb13 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/process_row.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/process_row.tsx
@@ -39,6 +39,7 @@ export const ProcessRow = ({ cells, item }: Props) => {
       <EuiTableRow>
         <EuiTableRowCell isExpander textOnly={false}>
           <EuiButtonEmpty
+            data-test-subj="infraProcessRowButton"
             iconType={isExpanded ? 'arrowDown' : 'arrowRight'}
             aria-expanded={isExpanded}
             onClick={() => setIsExpanded(!isExpanded)}
@@ -71,7 +72,7 @@ export const ProcessRow = ({ cells, item }: Props) => {
                     </EuiFlexItem>
                     {item.apmTrace && (
                       <EuiFlexItem grow={false}>
-                        <EuiButton>
+                        <EuiButton data-test-subj="infraProcessRowViewTraceInApmButton">
                           {i18n.translate(
                             'xpack.infra.metrics.nodeDetails.processes.viewTraceInAPM',
                             {
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/processes_table.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/processes_table.tsx
index 113daaa84461..d5613f98b188 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/processes_table.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/processes/processes_table.tsx
@@ -126,6 +126,7 @@ export const ProcessesTable = ({
               values={{
                 metricbeatDocsLink: (
                   <EuiLink
+                    data-test-subj="infraProcessesTableTopNByCpuOrMemoryLink"
                     href="https://www.elastic.co/guide/en/beats/metricbeat/current/metricbeat-module-system.html"
                     target="_blank"
                   >
@@ -140,7 +141,10 @@ export const ProcessesTable = ({
           </EuiText>
         }
         actions={
-          <EuiButton onClick={clearSearchBar}>
+          <EuiButton
+            data-test-subj="infraProcessesTableClearFiltersButton"
+            onClick={clearSearchBar}
+          >
             {i18n.translate('xpack.infra.metrics.nodeDetails.noProcessesClearFilters', {
               defaultMessage: 'Clear filters',
             })}
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/properties/table.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/properties/table.tsx
index 97c15a0cffc5..28b376153cfb 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/properties/table.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/node_details/tabs/properties/table.tsx
@@ -137,7 +137,7 @@ const ArrayValue = (props: MoreProps) => {
             {' ... '}
           </EuiFlexItem>
           <EuiFlexItem>
-            <EuiLink onClick={expand}>
+            <EuiLink data-test-subj="infraArrayValueCountMoreLink" onClick={expand}>
               <FormattedMessage
                 id="xpack.infra.nodeDetails.tabs.metadata.seeMore"
                 defaultMessage="+{count} more"
@@ -154,7 +154,7 @@ const ArrayValue = (props: MoreProps) => {
           {values.map((v) => (
             <div key={v}>{v}</div>
           ))}
-          <EuiLink onClick={collapse}>
+          <EuiLink data-test-subj="infraArrayValueShowLessLink" onClick={collapse}>
             {i18n.translate('xpack.infra.nodeDetails.tabs.metadata.seeLess', {
               defaultMessage: 'Show less',
             })}
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/table_view.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/table_view.tsx
index d28b19046bad..4106bbc9b668 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/table_view.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/table_view.tsx
@@ -84,7 +84,9 @@ export const TableView = (props: Props) => {
         const uniqueID = [...item.node.path.map((p) => p.value), item.node.name].join(':');
         const button = (
           <EuiToolTip content={tooltipText}>
-            <EuiButtonEmpty onClick={openPopoverFor(uniqueID)}>{value}</EuiButtonEmpty>
+            <EuiButtonEmpty data-test-subj="infraColumnsButton" onClick={openPopoverFor(uniqueID)}>
+              {value}
+            </EuiButtonEmpty>
           </EuiToolTip>
         );
 
@@ -115,7 +117,9 @@ export const TableView = (props: Props) => {
         const handleClick = () => props.onFilter(`${grouping.field}:"${value}"`);
         return (
           <EuiToolTip content="Set Filter">
-            <EuiButtonEmpty onClick={handleClick}>{value}</EuiButtonEmpty>
+            <EuiButtonEmpty data-test-subj="infraColumnsButton" onClick={handleClick}>
+              {value}
+            </EuiButtonEmpty>
           </EuiToolTip>
         );
       },
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
index 464ccc04ee54..1c8a796737d1 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
@@ -185,7 +185,7 @@ export const Timeline: React.FC<Props> = ({ interval, yAxisFormatter, isVisible
           iconType="visArea"
           title={<h4>{error ? errorTitle : noHistoryDataTitle}</h4>}
           actions={
-            <EuiButton color="primary" fill onClick={reload}>
+            <EuiButton data-test-subj="infraTimelineButton" color="primary" fill onClick={reload}>
               {error ? retryButtonLabel : checkNewDataButtonLabel}
             </EuiButton>
           }
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/legend_controls.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/legend_controls.tsx
index 77784f855de3..a8a9bceea3e4 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/legend_controls.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/legend_controls.tsx
@@ -290,6 +290,7 @@ export const LegendControls = ({
         >
           <div style={{ maxWidth: 150 }}>
             <EuiFieldNumber
+              data-test-subj="infraLegendControlsFieldNumber"
               disabled={draftAuto}
               step={1}
               value={isNaN(draftBounds.min) ? '' : draftBounds.min}
@@ -317,6 +318,7 @@ export const LegendControls = ({
         >
           <div style={{ maxWidth: 150 }}>
             <EuiFieldNumber
+              data-test-subj="infraLegendControlsFieldNumber"
               disabled={draftAuto}
               step={1}
               isInvalid={!boundsValidRange}
@@ -331,7 +333,12 @@ export const LegendControls = ({
         <EuiSpacer size="m" />
         <EuiFlexGroup justifyContent="flexEnd" responsive={false}>
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty type="submit" size="s" onClick={handleCancelClick}>
+            <EuiButtonEmpty
+              data-test-subj="infraLegendControlsCancelButton"
+              type="submit"
+              size="s"
+              onClick={handleCancelClick}
+            >
               <FormattedMessage
                 id="xpack.infra.legendControls.cancelButton"
                 defaultMessage="Cancel"
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/custom_metric_form.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/custom_metric_form.tsx
index 98c4e9278590..1767aa3476e4 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/custom_metric_form.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/custom_metric_form.tsx
@@ -144,6 +144,7 @@ export const CustomMetricForm = withTheme(
         <EuiForm>
           <EuiPopoverTitle>
             <EuiButtonEmpty
+              data-test-subj="infraCustomMetricFormButton"
               iconType="arrowLeft"
               onClick={onCancel}
               color="text"
@@ -171,6 +172,7 @@ export const CustomMetricForm = withTheme(
               <EuiFlexGroup alignItems="center" gutterSize="s">
                 <EuiFlexItem grow={false}>
                   <EuiSelect
+                    data-test-subj="infraCustomMetricFormSelect"
                     onChange={handleAggregationChange}
                     value={aggregation}
                     options={aggregationOptions}
@@ -208,6 +210,7 @@ export const CustomMetricForm = withTheme(
               fullWidth
             >
               <EuiFieldText
+                data-test-subj="infraCustomMetricFormFieldText"
                 name="label"
                 placeholder={i18n.translate('xpack.infra.waffle.customMetrics.labelPlaceholder', {
                   defaultMessage: 'Choose a name to appear in the "Metric" dropdown',
@@ -220,6 +223,7 @@ export const CustomMetricForm = withTheme(
           </div>
           <div style={{ padding: theme?.eui.euiSizeM, textAlign: 'right' }}>
             <EuiButtonEmpty
+              data-test-subj="infraCustomMetricFormCancelButton"
               onClick={onCancel}
               size="s"
               style={{ paddingRight: theme?.eui.euiSizeXL }}
@@ -230,6 +234,7 @@ export const CustomMetricForm = withTheme(
               />
             </EuiButtonEmpty>
             <EuiButton
+              data-test-subj="infraCustomMetricFormSaveButton"
               type="submit"
               size="s"
               fill
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/mode_switcher.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/mode_switcher.tsx
index a27e21e7f511..42677448c20e 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/mode_switcher.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/metric_control/mode_switcher.tsx
@@ -40,6 +40,7 @@ export const ModeSwitcher = withTheme(
             <>
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
+                  data-test-subj="infraModeSwitcherCancelButton"
                   size="s"
                   flush="left"
                   onClick={onEditCancel}
@@ -56,6 +57,7 @@ export const ModeSwitcher = withTheme(
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiButton
+                  data-test-subj="infraModeSwitcherSaveButton"
                   onClick={onSave}
                   size="s"
                   fill
@@ -75,6 +77,7 @@ export const ModeSwitcher = withTheme(
             <>
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
+                  data-test-subj="infraModeSwitcherEditButton"
                   size="s"
                   flush="left"
                   onClick={onEdit}
@@ -92,6 +95,7 @@ export const ModeSwitcher = withTheme(
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
+                  data-test-subj="infraModeSwitcherAddMetricButton"
                   onClick={onAdd}
                   size="s"
                   flush="right"
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/waffle_time_controls.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/waffle_time_controls.tsx
index 9b7b969b25a5..916e27e0b6d2 100644
--- a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/waffle_time_controls.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/waffle/waffle_time_controls.tsx
@@ -26,14 +26,25 @@ export const WaffleTimeControls = withTheme(({ interval }: Props) => {
   const intervalAsString = convertIntervalToString(interval);
 
   const liveStreamingButton = isAutoReloading ? (
-    <EuiButton color="primary" iconSide="left" iconType="pause" onClick={stopAutoReload}>
+    <EuiButton
+      data-test-subj="infraWaffleTimeControlsStopRefreshingButton"
+      color="primary"
+      iconSide="left"
+      iconType="pause"
+      onClick={stopAutoReload}
+    >
       <FormattedMessage
         id="xpack.infra.waffleTime.stopRefreshingButtonLabel"
         defaultMessage="Stop refreshing"
       />
     </EuiButton>
   ) : (
-    <EuiButton iconSide="left" iconType="play" onClick={startAutoReload}>
+    <EuiButton
+      data-test-subj="infraWaffleTimeControlsAutoRefreshButton"
+      iconSide="left"
+      iconType="play"
+      onClick={startAutoReload}
+    >
       <FormattedMessage
         id="xpack.infra.waffleTime.autoRefreshButtonLabel"
         defaultMessage="Auto-refresh"
diff --git a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/invalid_node.tsx b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/invalid_node.tsx
index 2d7820af4bd4..3f7739618087 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/invalid_node.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metric_detail/components/invalid_node.tsx
@@ -46,7 +46,12 @@ export const InvalidNodeError: React.FunctionComponent<InvalidNodeErrorProps> =
       actions={
         <EuiFlexGroup>
           <EuiFlexItem>
-            <EuiButton {...tutorialLinkProps} color="primary" fill>
+            <EuiButton
+              data-test-subj="infraInvalidNodeErrorViewSetupInstructionsButton"
+              {...tutorialLinkProps}
+              color="primary"
+              fill
+            >
               <FormattedMessage
                 id="xpack.infra.homePage.noMetricsIndicesInstructionsActionLabel"
                 defaultMessage="View setup instructions"
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/aggregation.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/aggregation.tsx
index d9117da00124..582c52a969ac 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/aggregation.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/aggregation.tsx
@@ -75,6 +75,7 @@ export const MetricsExplorerAggregationPicker = ({ options, onChange }: Props) =
 
   return (
     <EuiSelect
+      data-test-subj="infraMetricsExplorerAggregationPickerSelect"
       aria-label={placeholder}
       placeholder={placeholder}
       fullWidth
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_context_menu.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_context_menu.tsx
index 65770d4b9788..22839a8d64e8 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_context_menu.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_context_menu.tsx
@@ -191,6 +191,7 @@ export const MetricsExplorerChartContextMenu: React.FC<Props> = ({
   });
   const button = (
     <EuiButtonEmpty
+      data-test-subj="infraMetricsExplorerChartContextMenuButton"
       contentProps={{ 'aria-label': actionAriaLabel }}
       onClick={handleOpen}
       size="s"
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_options.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_options.tsx
index a44cbb36af2c..abd82b4e74a9 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_options.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/chart_options.tsx
@@ -136,6 +136,7 @@ export const MetricsExplorerChartOptions = ({ chartOptions, onChange }: Props) =
           })}
         >
           <EuiRadioGroup
+            data-test-subj="infraMetricsExplorerChartOptionsRadioGroup"
             compressed
             options={typeRadios}
             idSelected={chartOptions.type}
@@ -163,6 +164,7 @@ export const MetricsExplorerChartOptions = ({ chartOptions, onChange }: Props) =
           })}
         >
           <EuiRadioGroup
+            data-test-subj="infraMetricsExplorerChartOptionsRadioGroup"
             compressed
             options={yAxisRadios}
             idSelected={chartOptions.yAxisMode}
diff --git a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/charts.tsx b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/charts.tsx
index e81849120c23..b85fd65c538c 100644
--- a/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/charts.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/metrics_explorer/components/charts.tsx
@@ -120,6 +120,7 @@ export const MetricsExplorerCharts = ({
           {data.pageInfo.afterKey ? (
             <div style={{ margin: '16px 0' }}>
               <EuiButton
+                data-test-subj="infraMetricsExplorerChartsLoadMoreChartsButton"
                 isLoading={loading}
                 size="s"
                 onClick={() => onLoadMore(data.pageInfo.afterKey || null)}
diff --git a/x-pack/plugins/infra/public/pages/metrics/settings/source_configuration_settings.tsx b/x-pack/plugins/infra/public/pages/metrics/settings/source_configuration_settings.tsx
index 1e6d04721f99..f6dc0f332c72 100644
--- a/x-pack/plugins/infra/public/pages/metrics/settings/source_configuration_settings.tsx
+++ b/x-pack/plugins/infra/public/pages/metrics/settings/source_configuration_settings.tsx
@@ -147,7 +147,12 @@ export const SourceConfigurationSettings = ({
             {isLoading ? (
               <EuiFlexGroup justifyContent="flexEnd">
                 <EuiFlexItem grow={false}>
-                  <EuiButton color="primary" isLoading fill>
+                  <EuiButton
+                    data-test-subj="infraSourceConfigurationSettingsLoadingButton"
+                    color="primary"
+                    isLoading
+                    fill
+                  >
                     Loading
                   </EuiButton>
                 </EuiFlexItem>
diff --git a/x-pack/plugins/observability/public/components/alerts_table/render_cell_value.tsx b/x-pack/plugins/observability/public/components/alerts_table/render_cell_value.tsx
index 2c7ce1d52c67..9e72d7d9f8c7 100644
--- a/x-pack/plugins/observability/public/components/alerts_table/render_cell_value.tsx
+++ b/x-pack/plugins/observability/public/components/alerts_table/render_cell_value.tsx
@@ -96,6 +96,7 @@ export const getRenderCellValue = ({
 
         return (
           <EuiLink
+            data-test-subj="o11yGetRenderCellValueLink"
             css={{ display: 'contents' }}
             onClick={() => setFlyoutAlert && setFlyoutAlert(alert)}
           >
diff --git a/x-pack/plugins/observability/public/components/app/observability_status/observability_status_box.tsx b/x-pack/plugins/observability/public/components/app/observability_status/observability_status_box.tsx
index e69eae18611c..d734a39a3f5e 100644
--- a/x-pack/plugins/observability/public/components/app/observability_status/observability_status_box.tsx
+++ b/x-pack/plugins/observability/public/components/app/observability_status/observability_status_box.tsx
@@ -78,7 +78,13 @@ export function CompletedStatusBox({
           </div>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButtonEmpty size="s" iconType="plusInCircle" flush="right" onClick={goToAddLink}>
+          <EuiButtonEmpty
+            data-test-subj="o11yCompletedStatusBoxButton"
+            size="s"
+            iconType="plusInCircle"
+            flush="right"
+            onClick={goToAddLink}
+          >
             {addTitle}
           </EuiButtonEmpty>
         </EuiFlexItem>
@@ -109,7 +115,11 @@ export function CompletedStatusBox({
 
       <EuiFlexGroup>
         <EuiFlexItem>
-          <EuiButton color="primary" href={goToAppLink}>
+          <EuiButton
+            data-test-subj="o11yCompletedStatusBoxButton"
+            color="primary"
+            href={goToAppLink}
+          >
             {goToAppTitle}
           </EuiButton>
         </EuiFlexItem>
@@ -160,12 +170,22 @@ export function EmptyStatusBox({
 
       <EuiFlexGroup alignItems="center">
         <EuiFlexItem grow={false}>
-          <EuiButton color="primary" onClick={goToAddLink} fill>
+          <EuiButton
+            data-test-subj="o11yEmptyStatusBoxButton"
+            color="primary"
+            onClick={goToAddLink}
+            fill
+          >
             {addTitle}
           </EuiButton>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiLink color="primary" href={learnMoreLink} target="_blank">
+          <EuiLink
+            data-test-subj="o11yEmptyStatusBoxLearnMoreLink"
+            color="primary"
+            href={learnMoreLink}
+            target="_blank"
+          >
             <FormattedMessage
               id="xpack.observability.status.learnMoreButton"
               defaultMessage="Learn more"
diff --git a/x-pack/plugins/observability/public/components/app/observability_status/observability_status_progress.tsx b/x-pack/plugins/observability/public/components/app/observability_status/observability_status_progress.tsx
index e08ffe0fb3c4..29b44062adb8 100644
--- a/x-pack/plugins/observability/public/components/app/observability_status/observability_status_progress.tsx
+++ b/x-pack/plugins/observability/public/components/app/observability_status/observability_status_progress.tsx
@@ -68,7 +68,11 @@ export function ObservabilityStatusProgress({
           <EuiFlexItem grow={false}>
             <EuiFlexGroup responsive={false} direction="row" alignItems="center">
               <EuiFlexItem>
-                <EuiButtonEmpty size="s" onClick={dismissGuidedSetup}>
+                <EuiButtonEmpty
+                  data-test-subj="o11yObservabilityStatusProgressDismissButton"
+                  size="s"
+                  onClick={dismissGuidedSetup}
+                >
                   <FormattedMessage
                     id="xpack.observability.status.progressBarDismiss"
                     defaultMessage="Dismiss"
@@ -76,7 +80,11 @@ export function ObservabilityStatusProgress({
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem>
-                <EuiButton size="s" onClick={showDetails}>
+                <EuiButton
+                  data-test-subj="o11yObservabilityStatusProgressViewDetailsButton"
+                  size="s"
+                  onClick={showDetails}
+                >
                   <FormattedMessage
                     id="xpack.observability.status.progressBarViewDetails"
                     defaultMessage="View details"
diff --git a/x-pack/plugins/observability/public/components/app/section/index.tsx b/x-pack/plugins/observability/public/components/app/section/index.tsx
index 149e386085d2..def55cb57ba5 100644
--- a/x-pack/plugins/observability/public/components/app/section/index.tsx
+++ b/x-pack/plugins/observability/public/components/app/section/index.tsx
@@ -70,6 +70,7 @@ export function SectionContainer({
         extraAction={
           appLink?.href && (
             <EuiButtonEmpty
+              data-test-subj="o11ySectionContainerButton"
               iconType={'sortRight'}
               size="xs"
               color="text"
diff --git a/x-pack/plugins/observability/public/components/shared/core_web_vitals/web_core_vitals_title.tsx b/x-pack/plugins/observability/public/components/shared/core_web_vitals/web_core_vitals_title.tsx
index 3d855f419ce3..9c2904638c28 100644
--- a/x-pack/plugins/observability/public/components/shared/core_web_vitals/web_core_vitals_title.tsx
+++ b/x-pack/plugins/observability/public/components/shared/core_web_vitals/web_core_vitals_title.tsx
@@ -76,7 +76,12 @@ export function WebCoreVitalsTitle({
                     id="xpack.observability.ux.dashboard.webCoreVitals.help"
                     defaultMessage="Learn more about"
                   />{' '}
-                  <EuiLink href="https://web.dev/vitals/" external target="_blank">
+                  <EuiLink
+                    data-test-subj="o11yWebCoreVitalsTitleLink"
+                    href="https://web.dev/vitals/"
+                    external
+                    target="_blank"
+                  >
                     {CORE_WEB_VITALS}
                   </EuiLink>
                 </EuiText>
@@ -120,6 +125,7 @@ export function WebCoreVitalsTitle({
                       defaultMessage="Learn more about"
                     />{' '}
                     <EuiLink
+                      data-test-subj="o11yWebCoreVitalsTitleLink"
                       href="https://github.com/GoogleChrome/web-vitals#browser-support"
                       external
                       target="_blank"
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx
index 4e1651bafb73..2c52ea429cca 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/action_menu/action_menu.tsx
@@ -49,6 +49,7 @@ export function ExpViewActionMenuContent({
         )}
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="o11yExpViewActionMenuContentOpenInLensButton"
             iconType="lensApp"
             fullWidth={false}
             isDisabled={!lens.canUseEditor() || lensAttributes === null}
@@ -75,6 +76,7 @@ export function ExpViewActionMenuContent({
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="o11yExpViewActionMenuContentSaveButton"
             fill={true}
             iconType="save"
             fullWidth={false}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/series_color_picker.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/series_color_picker.tsx
index 579ab0de7bd7..28b96288f533 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/series_color_picker.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/series_color_picker.tsx
@@ -35,7 +35,12 @@ export function SeriesColorPicker({ seriesId, series }: { seriesId: number; seri
 
   const button = (
     <EuiToolTip content={EDIT_SERIES_COLOR_LABEL}>
-      <EuiButtonEmpty size="s" onClick={() => setIsOpen((prevState) => !prevState)} flush="both">
+      <EuiButtonEmpty
+        data-test-subj="o11ySeriesColorPickerButton"
+        size="s"
+        onClick={() => setIsOpen((prevState) => !prevState)}
+        flush="both"
+      >
         <EuiIcon type="stopFilled" size="l" color={color} />
       </EuiButtonEmpty>
     </EuiToolTip>
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/url_search/selectable_url_list.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/url_search/selectable_url_list.tsx
index f44f9fe08e96..06aa2c5d1c2a 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/components/url_search/selectable_url_list.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/components/url_search/selectable_url_list.tsx
@@ -199,6 +199,7 @@ export function SelectableUrlList({
               <EuiFlexGroup style={{ justifyContent: 'flex-end' }}>
                 <EuiFlexItem grow={false}>
                   <EuiButton
+                    data-test-subj="o11ySelectableUrlListApplyButton"
                     fill
                     size="s"
                     onClick={() => {
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
index ac4e094e5abb..8b885a29c971 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/exploratory_view.tsx
@@ -115,6 +115,7 @@ export function ExploratoryView({
                 <EuiFlexGroup alignItems="center" gutterSize="none">
                   <EuiFlexItem grow={false}>
                     <EuiButtonEmpty
+                      data-test-subj="o11yExploratoryViewButton"
                       size="xs"
                       {...(hiddenPanel === 'chartPanel'
                         ? { iconType: 'arrowRight' }
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx
index dd2124e6b198..7a7fb603bb8b 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/add_to_case_action.tsx
@@ -100,6 +100,7 @@ export function AddToCaseAction({
     <>
       {typeof autoOpen === 'undefined' && (
         <EuiButtonEmpty
+          data-test-subj="o11yAddToCaseActionAddToCaseButton"
           size="s"
           isLoading={isSaving}
           isDisabled={lensAttributes === null}
@@ -125,7 +126,7 @@ export function CaseToastText({ linkUrl }: { linkUrl: string }) {
   return (
     <EuiFlexGroup justifyContent="center">
       <EuiFlexItem>
-        <EuiLink href={linkUrl} target="_blank">
+        <EuiLink data-test-subj="o11yCaseToastTextViewCaseLink" href={linkUrl} target="_blank">
           {i18n.translate('xpack.observability.expView.heading.addToCase.notification.viewCase', {
             defaultMessage: 'View case',
           })}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/embed_action.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/embed_action.tsx
index b7b79e7dd97e..f181ff81899d 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/embed_action.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/embed_action.tsx
@@ -22,6 +22,7 @@ export function EmbedAction({
 
   const button = (
     <EuiButtonEmpty
+      data-test-subj="o11yEmbedActionButton"
       size="s"
       isDisabled={lensAttributes === null}
       onClick={() => {
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/refresh_button.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/refresh_button.tsx
index eb31669453db..9ceda4962cc5 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/header/refresh_button.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/header/refresh_button.tsx
@@ -20,7 +20,11 @@ export function RefreshButton() {
         <LastUpdated chartTimeRange={chartTimeRangeContext} />
       </EuiFlexItem>
       <EuiFlexItem style={{ textAlign: 'right' }}>
-        <EuiButton iconType="refresh" onClick={() => setLastRefresh(Date.now())}>
+        <EuiButton
+          data-test-subj="o11yRefreshButtonButton"
+          iconType="refresh"
+          onClick={() => setLastRefresh(Date.now())}
+        >
           {REFRESH_LABEL}
         </EuiButton>
       </EuiFlexItem>
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_add_to_case.test.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_add_to_case.test.tsx
index 6e94170343a7..f1b81483c9b3 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_add_to_case.test.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/hooks/use_add_to_case.test.tsx
@@ -29,8 +29,16 @@ describe('useAddToCase', function () {
 
       return (
         <span>
-          <EuiButton onClick={() => result.onCaseClicked()}>Add new case</EuiButton>
-          <EuiButton onClick={() => result.onCaseClicked({ id: 'test' } as any)}>
+          <EuiButton
+            data-test-subj="o11yTestComponentAddNewCaseButton"
+            onClick={() => result.onCaseClicked()}
+          >
+            Add new case
+          </EuiButton>
+          <EuiButton
+            data-test-subj="o11yTestComponentOnCaseClickButton"
+            onClick={() => result.onCaseClicked({ id: 'test' } as any)}
+          >
             On case click
           </EuiButton>
         </span>
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_type_select.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_type_select.tsx
index cacf043d65d6..29f6bcb38cdc 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_type_select.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/chart_type_select.tsx
@@ -40,6 +40,7 @@ export function SeriesChartTypes({ seriesId, series, seriesConfig }: Props) {
       button={
         <EuiToolTip content={EDIT_CHART_TYPE_LABEL}>
           <EuiButtonEmpty
+            data-test-subj="o11ySeriesChartTypesButton"
             size="s"
             aria-label={CHART_TYPE_LABEL}
             onClick={() => setIsPopoverOpen((prevState) => !prevState)}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/data_type_select.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/data_type_select.tsx
index 117c6aafaef1..a8ffcc5fd0bd 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/data_type_select.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/data_type_select.tsx
@@ -65,6 +65,7 @@ export function DataTypesSelect({ seriesId, series }: Props) {
         <EuiPopover
           button={
             <EuiButton
+              data-test-subj="o11yDataTypesSelectButton"
               iconType="plusInCircle"
               onClick={() => setShowOptions((prevState) => !prevState)}
               fill
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/selected_filters.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/selected_filters.tsx
index 241a9ad13f98..f1dfbfcf23e2 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/selected_filters.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/selected_filters.tsx
@@ -131,6 +131,7 @@ export function SelectedFilters({ seriesId, series, seriesConfig }: Props) {
         {(series.filters ?? []).length > 0 && (
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              data-test-subj="o11ySelectedFiltersClearFiltersButton"
               flush="left"
               iconType="cross"
               onClick={() => {
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/text_report_definition_field.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/text_report_definition_field.tsx
index 844de3201489..98012a42a589 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/text_report_definition_field.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/columns/text_report_definition_field.tsx
@@ -26,6 +26,7 @@ export function TextReportDefinitionField({ series, field, seriesConfig, onChang
   return (
     <EuiFormRow label={label}>
       <EuiFieldText
+        data-test-subj="o11yTextReportDefinitionFieldFieldText"
         placeholder={i18n.translate('xpack.observability.textDefinitionField.placeholder.search', {
           defaultMessage: 'Search {label}',
           values: { label },
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/filter_values_list.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/filter_values_list.tsx
index 13aee7597914..a0601e81a6c3 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/filter_values_list.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/filter_values_list.tsx
@@ -59,6 +59,7 @@ export function FilterValuesList({
   return (
     <Wrapper>
       <EuiFieldSearch
+        data-test-subj="o11yFilterValuesListFieldSearch"
         fullWidth
         isLoading={loading}
         value={query}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/labels_filter.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/labels_filter.tsx
index 2284b06433e6..1a7cf1e22165 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/labels_filter.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/components/labels_filter.tsx
@@ -73,6 +73,7 @@ export function LabelsFieldFilter(props: FilterProps) {
         <>
           <EuiPopoverTitle>
             <EuiButtonEmpty
+              data-test-subj="o11yLabelsFieldFilterButton"
               iconType="arrowLeft"
               iconSide="left"
               onClick={() => setSelectedLabel('')}
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/report_metric_options.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/report_metric_options.tsx
index b0bbb849052b..68eb718ce289 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/report_metric_options.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/series_editor/report_metric_options.tsx
@@ -107,6 +107,7 @@ export function ReportMetricOptions({ seriesId, series, seriesConfig }: Props) {
         <EuiPopover
           button={
             <EuiButton
+              data-test-subj="o11yReportMetricOptionsButton"
               iconType="plusInCircle"
               onClick={() => setShowOptions((prevState) => !prevState)}
               fill
diff --git a/x-pack/plugins/observability/public/components/shared/exploratory_view/views/add_series_button.tsx b/x-pack/plugins/observability/public/components/shared/exploratory_view/views/add_series_button.tsx
index 3df2b5c42734..7dada383a729 100644
--- a/x-pack/plugins/observability/public/components/shared/exploratory_view/views/add_series_button.tsx
+++ b/x-pack/plugins/observability/public/components/shared/exploratory_view/views/add_series_button.tsx
@@ -74,6 +74,7 @@ export function AddSeriesButton() {
       }
     >
       <EuiButton
+        data-test-subj="o11yAddSeriesButtonAddSeriesButton"
         onClick={() => addSeries()}
         isDisabled={isAddDisabled}
         iconType="plusInCircle"
diff --git a/x-pack/plugins/observability/public/components/shared/field_value_suggestions/field_value_selection.tsx b/x-pack/plugins/observability/public/components/shared/field_value_suggestions/field_value_selection.tsx
index eec23d6dcab7..1e5f7a0e06f9 100644
--- a/x-pack/plugins/observability/public/components/shared/field_value_suggestions/field_value_selection.tsx
+++ b/x-pack/plugins/observability/public/components/shared/field_value_suggestions/field_value_selection.tsx
@@ -239,6 +239,7 @@ export function FieldValueSelection({
                 )}
 
                 <EuiButton
+                  data-test-subj="o11yFieldValueSelectionApplyButton"
                   aria-label={i18n.translate(
                     'xpack.observability.fieldValueSelection.apply.label',
                     {
diff --git a/x-pack/plugins/observability/public/pages/alerts/components/rule_stats.tsx b/x-pack/plugins/observability/public/pages/alerts/components/rule_stats.tsx
index 4fb6cbda030d..7393152017d3 100644
--- a/x-pack/plugins/observability/public/pages/alerts/components/rule_stats.tsx
+++ b/x-pack/plugins/observability/public/pages/alerts/components/rule_stats.tsx
@@ -73,7 +73,10 @@ export const renderRuleStats = (
     <ConditionalWrap
       condition={ruleStats.disabled > 0}
       wrap={(wrappedChildren) => (
-        <EuiButtonEmpty href={createRuleStatsLink(ruleStats, 'disabled')}>
+        <EuiButtonEmpty
+          data-test-subj="o11yDisabledStatsComponentButton"
+          href={createRuleStatsLink(ruleStats, 'disabled')}
+        >
           {wrappedChildren}
         </EuiButtonEmpty>
       )}
@@ -96,7 +99,10 @@ export const renderRuleStats = (
     <ConditionalWrap
       condition={ruleStats.muted + ruleStats.snoozed > 0}
       wrap={(wrappedChildren) => (
-        <EuiButtonEmpty href={createRuleStatsLink(ruleStats, 'snoozed')}>
+        <EuiButtonEmpty
+          data-test-subj="o11ySnoozedStatsComponentButton"
+          href={createRuleStatsLink(ruleStats, 'snoozed')}
+        >
           {wrappedChildren}
         </EuiButtonEmpty>
       )}
@@ -119,7 +125,10 @@ export const renderRuleStats = (
     <ConditionalWrap
       condition={ruleStats.error > 0}
       wrap={(wrappedChildren) => (
-        <EuiButtonEmpty href={createRuleStatsLink(ruleStats, 'error')}>
+        <EuiButtonEmpty
+          data-test-subj="o11yErrorStatsComponentButton"
+          href={createRuleStatsLink(ruleStats, 'error')}
+        >
           {wrappedChildren}
         </EuiButtonEmpty>
       )}
diff --git a/x-pack/plugins/observability/public/pages/overview/components/header_actions.tsx b/x-pack/plugins/observability/public/pages/overview/components/header_actions.tsx
index e7d90a069172..f037fe775013 100644
--- a/x-pack/plugins/observability/public/pages/overview/components/header_actions.tsx
+++ b/x-pack/plugins/observability/public/pages/overview/components/header_actions.tsx
@@ -95,7 +95,13 @@ export function HeaderActions({
               </EuiText>
             }
             footerAction={
-              <EuiButtonEmpty color="text" flush="right" size="xs" onClick={onTourDismiss}>
+              <EuiButtonEmpty
+                data-test-subj="o11yHeaderActionsDismissButton"
+                color="text"
+                flush="right"
+                size="xs"
+                onClick={onTourDismiss}
+              >
                 <FormattedMessage
                   id="xpack.observability.overview.guidedSetupTourDismissButton"
                   defaultMessage="Dismiss"
diff --git a/x-pack/plugins/observability/public/pages/overview/components/news_feed.tsx b/x-pack/plugins/observability/public/pages/overview/components/news_feed.tsx
index 1e9ce4b868f7..0f8f948c7357 100644
--- a/x-pack/plugins/observability/public/pages/overview/components/news_feed.tsx
+++ b/x-pack/plugins/observability/public/pages/overview/components/news_feed.tsx
@@ -75,7 +75,12 @@ function NewsItem({ item }: { item: INewsItem }) {
                 </EuiFlexItem>
                 <EuiFlexItem>
                   <EuiText size="s">
-                    <EuiLink href={item.link_url.en} target="_blank" external>
+                    <EuiLink
+                      data-test-subj="o11yNewsItemReadFullStoryLink"
+                      href={item.link_url.en}
+                      target="_blank"
+                      external
+                    >
                       {i18n.translate('xpack.observability.news.readFullStory', {
                         defaultMessage: 'Read full story',
                       })}
diff --git a/x-pack/plugins/observability/public/pages/slo_details/components/header_control.tsx b/x-pack/plugins/observability/public/pages/slo_details/components/header_control.tsx
index 9dd60d880048..a995fa91c3a6 100644
--- a/x-pack/plugins/observability/public/pages/slo_details/components/header_control.tsx
+++ b/x-pack/plugins/observability/public/pages/slo_details/components/header_control.tsx
@@ -42,6 +42,7 @@ export function HeaderControl({ isLoading, slo }: Props) {
       data-test-subj="sloDetailsHeaderControlPopover"
       button={
         <EuiButton
+          data-test-subj="o11yHeaderControlActionsButton"
           fill
           iconSide="right"
           iconType="arrowDown"
diff --git a/x-pack/plugins/observability/public/pages/slos/components/slo_list_item.tsx b/x-pack/plugins/observability/public/pages/slos/components/slo_list_item.tsx
index 5f147133bfc3..e2d533995868 100644
--- a/x-pack/plugins/observability/public/pages/slos/components/slo_list_item.tsx
+++ b/x-pack/plugins/observability/public/pages/slos/components/slo_list_item.tsx
@@ -108,7 +108,9 @@ export function SloListItem({
               <EuiFlexGroup direction="column" gutterSize="m">
                 <EuiFlexItem>
                   <EuiText size="s">
-                    <EuiLink onClick={handleViewDetails}>{slo.name}</EuiLink>
+                    <EuiLink data-test-subj="o11ySloListItemLink" onClick={handleViewDetails}>
+                      {slo.name}
+                    </EuiLink>
                   </EuiText>
                 </EuiFlexItem>
                 <SloBadges slo={slo} activeAlerts={activeAlerts} />
diff --git a/x-pack/plugins/observability/public/pages/slos/components/slo_list_search_filter_sort_bar.tsx b/x-pack/plugins/observability/public/pages/slos/components/slo_list_search_filter_sort_bar.tsx
index 2cf2445c6f5c..479efb65be8b 100644
--- a/x-pack/plugins/observability/public/pages/slos/components/slo_list_search_filter_sort_bar.tsx
+++ b/x-pack/plugins/observability/public/pages/slos/components/slo_list_search_filter_sort_bar.tsx
@@ -117,6 +117,7 @@ export function SloListSearchFilterSortBar({
     <EuiFlexGroup direction="row" gutterSize="s">
       <EuiFlexItem grow>
         <EuiFieldSearch
+          data-test-subj="o11ySloListSearchFilterSortBarFieldSearch"
           fullWidth
           isLoading={loading}
           onChange={onChangeQuery}
diff --git a/x-pack/plugins/observability/public/pages/slos/components/slo_list_welcome_prompt.tsx b/x-pack/plugins/observability/public/pages/slos/components/slo_list_welcome_prompt.tsx
index 3abb93c5639b..478c0d85cc61 100644
--- a/x-pack/plugins/observability/public/pages/slos/components/slo_list_welcome_prompt.tsx
+++ b/x-pack/plugins/observability/public/pages/slos/components/slo_list_welcome_prompt.tsx
@@ -92,7 +92,12 @@ export function SloListWelcomePrompt() {
 
                 <EuiFlexItem>
                   <span>
-                    <EuiButton fill color="primary" onClick={handleClickCreateSlo}>
+                    <EuiButton
+                      data-test-subj="o11ySloListWelcomePromptCreateSloButton"
+                      fill
+                      color="primary"
+                      onClick={handleClickCreateSlo}
+                    >
                       {i18n.translate('xpack.observability.slo.sloList.welcomePrompt.buttonLabel', {
                         defaultMessage: 'Create SLO',
                       })}
@@ -164,7 +169,11 @@ export function SloListWelcomePrompt() {
               </span>
             </EuiTitle>
             &nbsp;
-            <EuiLink href="#" target="_blank">
+            <EuiLink
+              data-test-subj="o11ySloListWelcomePromptReadTheDocsLink"
+              href="#"
+              target="_blank"
+            >
               {i18n.translate('xpack.observability.slo.sloList.welcomePrompt.learnMoreLink', {
                 defaultMessage: 'Read the docs',
               })}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx
index 9aa9d90e29ee..0ccdd488ab0a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_details_panel.tsx
@@ -95,6 +95,7 @@ export const MonitorDetailsPanel = ({
           <TitleLabel>{URL_LABEL}</TitleLabel>
           <DescriptionLabel style={{ wordBreak: 'break-all' }}>
             <EuiLink
+              data-test-subj="syntheticsMonitorDetailsPanelLink"
               href={latestPing?.url?.full ?? (monitor as unknown as MonitorFields)[ConfigKey.URLS]}
               external
             >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_location_select.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_location_select.tsx
index 86ba0d3f5061..afbabe76db57 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_location_select.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/monitor_location_select.tsx
@@ -57,7 +57,11 @@ export const MonitorLocationSelect = ({
 
     if (monitorLocations.length > 1 || showSelection) {
       const button = (
-        <EuiLink onClick={openLocationList} disabled={isDisabled}>
+        <EuiLink
+          data-test-subj="syntheticsLocationListLink"
+          onClick={openLocationList}
+          disabled={isDisabled}
+        >
           {selectedLocation.label} {!isDisabled ? <EuiIcon type="arrowDown" /> : null}
         </EuiLink>
       );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/refresh_button.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/refresh_button.tsx
index 83a952204ebe..aa9c1f57328f 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/refresh_button.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/refresh_button.tsx
@@ -13,7 +13,11 @@ import { useSyntheticsRefreshContext } from '../../../contexts';
 export function RefreshButton() {
   const { refreshApp } = useSyntheticsRefreshContext();
   return (
-    <EuiButton iconType="refresh" onClick={() => refreshApp()}>
+    <EuiButton
+      data-test-subj="syntheticsRefreshButtonButton"
+      iconType="refresh"
+      onClick={() => refreshApp()}
+    >
       {REFRESH_LABEL}
     </EuiButton>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/stderr_logs.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/stderr_logs.tsx
index 6ec29c052b6f..3093c2e8534c 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/stderr_logs.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/components/stderr_logs.tsx
@@ -102,8 +102,9 @@ export const StdErrorLogs = ({
               </EuiTitle>
             </EuiFlexItem>
             <EuiFlexItem>
-              <EuiLink>
+              <EuiLink data-test-subj="syntheticsStdErrorLogsLink">
                 <EuiButtonEmpty
+                  data-test-subj="syntheticsStdErrorLogsButton"
                   href={discoverLink}
                   iconType="discoverApp"
                   isDisabled={!discoverLink}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/add_monitor.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/add_monitor.tsx
index 41cf49f5703f..139ba09e7ea4 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/add_monitor.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/add_monitor.tsx
@@ -14,7 +14,10 @@ export const AddMonitorLink = () => {
   const { basePath } = useSyntheticsSettingsContext();
 
   return (
-    <EuiButtonEmpty href={`${basePath}/app/synthetics/add-monitor`}>
+    <EuiButtonEmpty
+      data-test-subj="syntheticsAddMonitorLinkButton"
+      href={`${basePath}/app/synthetics/add-monitor`}
+    >
       {CREATE_NEW_MONITOR}
     </EuiButtonEmpty>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/error_details_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/error_details_link.tsx
index f0641ad58844..cad80798a6b3 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/error_details_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/error_details_link.tsx
@@ -25,7 +25,11 @@ export const ErrorDetailsLink = ({
 }) => {
   const link = useErrorDetailsLink({ configId, stateId, locationId });
 
-  return <EuiLink href={link}>{label ?? VIEW_DETAILS}</EuiLink>;
+  return (
+    <EuiLink data-test-subj="syntheticsErrorDetailsLinkLink" href={link}>
+      {label ?? VIEW_DETAILS}
+    </EuiLink>
+  );
 };
 
 export const ErrorDetailsButton = ({
@@ -41,7 +45,13 @@ export const ErrorDetailsButton = ({
   const link = useErrorDetailsLink({ configId, stateId, locationId: selectedLocation?.id });
 
   return (
-    <EuiButtonEmpty flush="left" iconType="warning" color="danger" href={link}>
+    <EuiButtonEmpty
+      data-test-subj="syntheticsErrorDetailsButtonButton"
+      flush="left"
+      iconType="warning"
+      color="danger"
+      href={link}
+    >
       {label ?? VIEW_DETAILS}
     </EuiButtonEmpty>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/manage_rules_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/manage_rules_link.tsx
index 402f878036fc..2aa882dec6cb 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/manage_rules_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/manage_rules_link.tsx
@@ -17,7 +17,7 @@ export const ManageRulesLink = () => {
   const manageRulesUrl = observability.useRulesLink();
 
   return (
-    <EuiLink color="text" href={manageRulesUrl.href}>
+    <EuiLink data-test-subj="syntheticsManageRulesLinkLink" color="text" href={manageRulesUrl.href}>
       {ToggleFlyoutTranslations.navigateToAlertingButtonContent}
     </EuiLink>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/step_details_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/step_details_link.tsx
index 3d1fa76b3b13..abb0c1b894ac 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/step_details_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/step_details_link.tsx
@@ -32,6 +32,7 @@ export const StepDetailsLinkIcon = ({
   if (asButton) {
     return (
       <EuiButtonEmpty
+        data-test-subj="syntheticsStepDetailsLinkIconButton"
         flush="left"
         iconType="apmTrace"
         href={`${basePath}/app/synthetics/monitor/${configId}/test-run/${checkGroup}/step/${stepIndex}?locationId=${selectedLocation?.id}`}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/test_details_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/test_details_link.tsx
index e4f5467954bd..5bd97c2b8568 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/test_details_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/links/test_details_link.tsx
@@ -37,6 +37,7 @@ export const TestDetailsLink = ({
 
   return isBrowserMonitor ? (
     <EuiLink
+      data-test-subj="syntheticsTestDetailsLinkLink"
       href={getTestRunDetailLink({
         basePath,
         checkGroup: ping.monitor.check_group,
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/react_router_helpers/link_for_eui.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/react_router_helpers/link_for_eui.tsx
index a9b06d18938d..d0adab494499 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/react_router_helpers/link_for_eui.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/react_router_helpers/link_for_eui.tsx
@@ -55,13 +55,13 @@ type TEuiReactRouterButtonEmptyProps = EuiButtonEmptyProps & IEuiReactRouterProp
 
 export const ReactRouterEuiLink: React.FC<TEuiReactRouterLinkProps> = ({ to, ...rest }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiLink {...rest} />
+    <EuiLink data-test-subj="syntheticsReactRouterEuiLinkLink" {...rest} />
   </ReactRouterHelperForEui>
 );
 
 export const ReactRouterEuiButton: React.FC<TEuiReactRouterButtonProps> = ({ to, ...rest }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiButton {...rest} />
+    <EuiButton data-test-subj="syntheticsReactRouterEuiButtonButton" {...rest} />
   </ReactRouterHelperForEui>
 );
 
@@ -70,6 +70,6 @@ export const ReactRouterEuiButtonEmpty: React.FC<TEuiReactRouterButtonEmptyProps
   ...rest
 }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiButtonEmpty {...rest} />
+    <EuiButtonEmpty data-test-subj="syntheticsReactRouterEuiButtonEmptyButton" {...rest} />
   </ReactRouterHelperForEui>
 );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/step_field_trend/step_field_trend.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/step_field_trend/step_field_trend.tsx
index 9aa62b4e41a9..21f943a4ee46 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/step_field_trend/step_field_trend.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/step_field_trend/step_field_trend.tsx
@@ -70,7 +70,13 @@ export function StepFieldTrend({
       <EmbeddableExpView
         title={title}
         appendTitle={
-          <EuiButton iconType={'visArea'} href={href} target="_blank" size="s">
+          <EuiButton
+            data-test-subj="syntheticsStepFieldTrendButton"
+            iconType={'visArea'}
+            href={href}
+            target="_blank"
+            size="s"
+          >
             {EXPLORE_LABEL}
           </EuiButton>
         }
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/wrappers/service_allowed_wrapper.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/wrappers/service_allowed_wrapper.tsx
index 59474a8f618d..bbed7797e94e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/common/wrappers/service_allowed_wrapper.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/common/wrappers/service_allowed_wrapper.tsx
@@ -29,7 +29,13 @@ export const ServiceAllowedWrapper: React.FC = ({ children }) => {
         title={<h2>{MONITOR_MANAGEMENT_LABEL}</h2>}
         body={<p>{ACCESS_RESTRICTED_MESSAGE}</p>}
         actions={[
-          <EuiButton color="primary" fill isDisabled={!signupUrl} href={signupUrl ?? undefined}>
+          <EuiButton
+            data-test-subj="syntheticsServiceAllowedWrapperButton"
+            color="primary"
+            fill
+            isDisabled={!signupUrl}
+            href={signupUrl ?? undefined}
+          >
             {REQUEST_ACCESS_LABEL}
           </EuiButton>,
         ]}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/getting_started/getting_started_page.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/getting_started/getting_started_page.tsx
index a41439e1288a..03e7398d0990 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/getting_started/getting_started_page.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/getting_started/getting_started_page.tsx
@@ -70,6 +70,7 @@ export const GettingStartedPage = () => {
               <EuiText size="s">
                 {OR_LABEL}{' '}
                 <EuiLink
+                  data-test-subj="syntheticsGettingStartedPageLink"
                   href={history.createHref({
                     pathname: MONITOR_ADD_ROUTE,
                   })}
@@ -195,6 +196,7 @@ const CREATE_LOCATION_DESCRIPTION = (
     values={{
       link: (
         <EuiLink
+          data-test-subj="syntheticsLink"
           href="https://www.elastic.co/guide/en/observability/current/synthetics-private-location.html"
           target="_blank"
         >
@@ -220,7 +222,11 @@ const PUBLIC_LOCATION_DESCRIPTION = (
         </strong>
       ),
       link: (
-        <EuiLink href="https://www.elastic.co/cloud/" target="_blank">
+        <EuiLink
+          data-test-subj="syntheticsElasticCloudLink"
+          href="https://www.elastic.co/cloud/"
+          target="_blank"
+        >
           {i18n.translate(
             'xpack.synthetics.gettingStarted.gettingStartedLabel.elasticCloudDeployments',
             {
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/monitor_type_radio_group.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/monitor_type_radio_group.tsx
index c06ff7d85583..0cf66f8fc65a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/monitor_type_radio_group.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/monitor_type_radio_group.tsx
@@ -98,7 +98,11 @@ export const MonitorTypeRadioGroup = ({
           </EuiText>
           <EuiText size="s" color="subdued">
             <span>{`${selectedOption.description} `}</span>
-            <EuiLink href={selectedOption.link} target="_blank">
+            <EuiLink
+              data-test-subj="syntheticsMonitorTypeRadioGroupLearnMoreLink"
+              href={selectedOption.link}
+              target="_blank"
+            >
               {i18n.translate('xpack.synthetics.monitorConfig.monitorType.learnMoreLink', {
                 defaultMessage: 'Learn more',
               })}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/script_recorder_fields.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/script_recorder_fields.tsx
index d774d5c51768..65cbba050e8e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/script_recorder_fields.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/fields/script_recorder_fields.tsx
@@ -57,6 +57,7 @@ export function ScriptRecorderFields({ onChange, script, fileName, isEditable }:
           <EuiFlexGroup gutterSize="s">
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="syntheticsScriptRecorderFieldsShowScriptButton"
                 onClick={() => setShowScript(true)}
                 iconType="editorCodeBlock"
                 iconSide="right"
@@ -70,6 +71,7 @@ export function ScriptRecorderFields({ onChange, script, fileName, isEditable }:
             <EuiFlexItem grow={false}>
               {isEditable && (
                 <EuiButton
+                  data-test-subj="syntheticsScriptRecorderFieldsRemoveScriptButton"
                   onClick={() => onChange({ scriptText: '', fileName: '' })}
                   iconType="trash"
                   iconSide="right"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_config.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_config.tsx
index 39e20a94000d..43905cd5899a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_config.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_config.tsx
@@ -556,7 +556,7 @@ export const FIELD = (readOnly?: boolean): FieldMap => ({
           defaultMessage:
             "Change the default namespace. This setting changes the name of the monitor's data stream. ",
         })}
-        <EuiLink href="#" target="_blank">
+        <EuiLink data-test-subj="syntheticsFIELDLearnMoreLink" href="#" target="_blank">
           {i18n.translate('xpack.synthetics.monitorConfig.namespace.learnMore', {
             defaultMessage: 'Learn more',
           })}
@@ -1138,6 +1138,7 @@ export const FIELD = (readOnly?: boolean): FieldMap => ({
           defaultMessage: 'Configure Playwright agent with custom options. ',
         })}
         <EuiLink
+          data-test-subj="syntheticsFIELDLearnMoreLink"
           href={getDocLinks()?.links?.observability?.syntheticsCommandReference}
           target="_blank"
         >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_wrappers.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_wrappers.tsx
index ad4ad3635e83..80455d8dd4e4 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_wrappers.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/field_wrappers.tsx
@@ -70,6 +70,7 @@ export type FormattedComboBoxProps = Omit<DefaultFormattedComboBoxProps, Control
 export const FieldText = React.forwardRef<HTMLInputElement, EuiFieldTextProps>(
   (props, ref: Ref<HTMLInputElement>) => (
     <EuiFieldText
+      data-test-subj="syntheticsFieldTextFieldText"
       {...(omit(props, ['defaultValue', 'selectedOptions']) as EuiFieldTextProps)}
       inputRef={ref}
     />
@@ -77,7 +78,7 @@ export const FieldText = React.forwardRef<HTMLInputElement, EuiFieldTextProps>(
 );
 
 export const FieldNumber = React.forwardRef<HTMLInputElement, EuiFieldNumberProps>((props, ref) => (
-  <EuiFieldNumber {...props} inputRef={ref} />
+  <EuiFieldNumber data-test-subj="syntheticsFieldNumberFieldNumber" {...props} inputRef={ref} />
 ));
 
 export const FieldPassword = React.forwardRef<HTMLInputElement, EuiFieldPasswordProps>(
@@ -89,7 +90,7 @@ export const Checkbox = React.forwardRef<HTMLInputElement, EuiCheckboxProps>((pr
 ));
 
 export const Select = React.forwardRef<HTMLSelectElement, EuiSelectProps>((props, ref) => (
-  <EuiSelect {...props} inputRef={ref} />
+  <EuiSelect data-test-subj="syntheticsSelectSelect" {...props} inputRef={ref} />
 ));
 
 export const Switch = React.forwardRef<unknown, EuiSwitchProps>((props, _ref) => (
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/submit.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/submit.tsx
index 37211860d6df..12c382fd9414 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/submit.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/form/submit.tsx
@@ -61,6 +61,7 @@ export const ActionBar = ({ readOnly = false }: { readOnly: boolean }) => {
           {isEdit && defaultValues && (
             <div>
               <EuiButton
+                data-test-subj="syntheticsActionBarButton"
                 color="danger"
                 onClick={() => {
                   setMonitorPendingDeletion(defaultValues as SyntheticsMonitor);
@@ -73,7 +74,12 @@ export const ActionBar = ({ readOnly = false }: { readOnly: boolean }) => {
         </EuiFlexItem>
 
         <EuiFlexItem grow={false}>
-          <EuiLink href={history.createHref({ pathname: MONITORS_ROUTE })}>{CANCEL_LABEL}</EuiLink>
+          <EuiLink
+            data-test-subj="syntheticsActionBarLink"
+            href={history.createHref({ pathname: MONITORS_ROUTE })}
+          >
+            {CANCEL_LABEL}
+          </EuiLink>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <RunTestButton />
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/monitor_details_portal.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/monitor_details_portal.tsx
index 13461fb3dcc5..fc3a3bbf09f4 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/monitor_details_portal.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/monitor_details_portal.tsx
@@ -40,7 +40,7 @@ export const MonitorDetailsLink = ({ name, configId, locationId }: Props) => {
     pathname: locId ? `monitor/${configId}?locationId=${locId}` : `monitor/${configId}`,
   });
   return (
-    <EuiLink href={href}>
+    <EuiLink data-test-subj="syntheticsMonitorDetailsLinkLink" href={href}>
       <EuiIcon type="arrowLeft" /> {name}
     </EuiLink>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/steps/step_config.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/steps/step_config.tsx
index 7a1a95bdd57c..c8d162393299 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/steps/step_config.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_add_edit/steps/step_config.tsx
@@ -51,7 +51,12 @@ const MONITOR_DETAILS_STEP = (readOnly: boolean = false): Step => ({
 const SCRIPT_RECORDER_BTNS = (
   <EuiFlexGroup justifyContent="flexStart">
     <EuiFlexItem grow={false}>
-      <EuiButton href={`elastic-synthetics-recorder://`} iconType="popout" iconSide="right">
+      <EuiButton
+        data-test-subj="syntheticsLaunchSyntheticsRecorderButton"
+        href={`elastic-synthetics-recorder://`}
+        iconType="popout"
+        iconSide="right"
+      >
         {i18n.translate('xpack.synthetics.monitorConfig.monitorScriptStep.scriptRecorder.launch', {
           defaultMessage: 'Launch Synthetics Recorder',
         })}
@@ -59,6 +64,7 @@ const SCRIPT_RECORDER_BTNS = (
     </EuiFlexItem>
     <EuiFlexItem grow={false}>
       <EuiButtonEmpty
+        data-test-subj="syntheticsDownloadSyntheticsRecorderButton"
         href="https://github.com/elastic/synthetics-recorder/releases/"
         iconType="download"
       >
@@ -87,7 +93,12 @@ const MONITOR_SCRIPT_STEP: Step = {
               defaultMessage="Use Elastic Synthetics Recorder to generate a script and then upload it. Alternatively, you can write your own {playwright} script and paste it in the script editor."
               values={{
                 playwright: (
-                  <EuiLink href="https://playwright.dev/" target="_blank" external>
+                  <EuiLink
+                    data-test-subj="syntheticsPlaywrightLink"
+                    href="https://playwright.dev/"
+                    target="_blank"
+                    external
+                  >
                     <FormattedMessage
                       id="xpack.synthetics.monitorConfig.monitorScriptStep.playwrightLink"
                       defaultMessage="Playwright"
@@ -125,7 +136,12 @@ const MONITOR_SCRIPT_STEP_EDIT = (readOnly: boolean = false): Step => ({
                 defaultMessage="Use Elastic Synthetics Recorder to generate and upload a script. Alternatively, you can edit the existing {playwright} script (or paste a new one) in the script editor."
                 values={{
                   playwright: (
-                    <EuiLink href="https://playwright.dev/" target="_blank" external>
+                    <EuiLink
+                      data-test-subj="syntheticsMONITOR_SCRIPT_STEP_EDITPlaywrightLink"
+                      href="https://playwright.dev/"
+                      target="_blank"
+                      external
+                    >
                       <FormattedMessage
                         id="xpack.synthetics.monitorConfig.monitorScriptEditStep.playwrightLink"
                         defaultMessage="Playwright"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_not_found_page.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_not_found_page.tsx
index 2d05f24d9d51..98124e033b0e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_not_found_page.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_not_found_page.tsx
@@ -33,6 +33,7 @@ export const MonitorNotFoundPage: React.FC = () => {
       actions={[
         <CreateMonitorButton />,
         <EuiButtonEmpty
+          data-test-subj="syntheticsMonitorNotFoundPageGoToHomeButton"
           iconType="arrowLeft"
           flush="both"
           onClick={() => {
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_selector/monitor_searchable_list.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_selector/monitor_searchable_list.tsx
index caafd24a8733..8acf49429257 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_selector/monitor_searchable_list.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_selector/monitor_searchable_list.tsx
@@ -93,6 +93,7 @@ export const MonitorSearchableList = ({ closePopover }: { closePopover: () => vo
       }}
       renderOption={(option, search) => (
         <EuiLink
+          data-test-subj="syntheticsMonitorSearchableListLink"
           href={`${basePath}/app/synthetics/monitor/${option.key}?locationId=${getLocationId(
             option
           )}`}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/alert_actions.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/alert_actions.tsx
index df83a2d42bcb..bb75e412f43b 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/alert_actions.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/alert_actions.tsx
@@ -83,7 +83,12 @@ export const AlertActions = ({
   ];
 
   const button = (
-    <EuiButtonEmpty iconType="arrowDown" iconSide="right" onClick={onButtonClick}>
+    <EuiButtonEmpty
+      data-test-subj="syntheticsAlertActionsButton"
+      iconType="arrowDown"
+      iconSide="right"
+      onClick={onButtonClick}
+    >
       {ACTIONS_LABEL}
     </EuiButtonEmpty>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/edit_monitor_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/edit_monitor_link.tsx
index 82fc25677292..bf1c467c1d2a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/edit_monitor_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/edit_monitor_link.tsx
@@ -35,7 +35,13 @@ export const EditMonitorLink = () => {
       canEditSynthetics={canEditSynthetics}
       canUpdatePrivateMonitor={canUpdatePrivateMonitor}
     >
-      <EuiButton fill iconType="pencil" iconSide="left" {...linkProps}>
+      <EuiButton
+        data-test-subj="syntheticsEditMonitorLinkButton"
+        fill
+        iconType="pencil"
+        iconSide="left"
+        {...linkProps}
+      >
         {EDIT_MONITOR}
       </EuiButton>
     </NoPermissionsTooltip>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/test_runs_table_header.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/test_runs_table_header.tsx
index b7e7bebfe117..6785ed7f1ddc 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/test_runs_table_header.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/monitor_summary/test_runs_table_header.tsx
@@ -44,6 +44,7 @@ export const TestRunsTableHeader = ({
       <EuiFlexItem grow={false}>
         {showViewHistoryButton ? (
           <EuiLink
+            data-test-subj="syntheticsTestRunsTableHeaderLink"
             href={
               monitor?.[ConfigKey.CONFIG_ID]
                 ? history.createHref({
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/run_test_manually.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/run_test_manually.tsx
index 410132d6b49b..687bebd98cef 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/run_test_manually.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitor_details/run_test_manually.tsx
@@ -38,6 +38,7 @@ export const RunTestManually = () => {
   return (
     <EuiToolTip content={content} key={content}>
       <EuiButton
+        data-test-subj="syntheticsRunTestManuallyButton"
         color="success"
         iconType="beaker"
         isDisabled={!hasPublicLocation}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/common/no_monitors_found.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/common/no_monitors_found.tsx
index 38b32cf5cb4d..55a2aa40d1f9 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/common/no_monitors_found.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/common/no_monitors_found.tsx
@@ -28,7 +28,11 @@ export function NoMonitorsFound() {
 
 export function ClearFilters() {
   const [_, updateUrlParams] = useUrlParams();
-  return <EuiLink onClick={() => updateUrlParams(null)}>{CLEAR_FILTERS_LABEL}</EuiLink>;
+  return (
+    <EuiLink data-test-subj="syntheticsClearFiltersLink" onClick={() => updateUrlParams(null)}>
+      {CLEAR_FILTERS_LABEL}
+    </EuiLink>
+  );
 }
 
 const NO_MONITORS_FOUND_HEADING = i18n.translate(
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_errors/monitor_async_error.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_errors/monitor_async_error.tsx
index c25b7928f6f9..d6dbf0465b06 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_errors/monitor_async_error.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_errors/monitor_async_error.tsx
@@ -49,7 +49,11 @@ export const MonitorAsyncError = () => {
             );
           })}
         </ul>
-        <EuiButton onClick={() => setIsDismissed(true)} color="warning">
+        <EuiButton
+          data-test-subj="syntheticsMonitorAsyncErrorButton"
+          onClick={() => setIsDismissed(true)}
+          color="warning"
+        >
           {DISMISS_LABEL}
         </EuiButton>
       </EuiCallOut>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/delete_monitor.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/delete_monitor.tsx
index c47eb2455a68..e8d7eb2fdae7 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/delete_monitor.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/delete_monitor.tsx
@@ -125,6 +125,7 @@ export const ProjectMonitorDisclaimer = () => {
       values={{
         docsLink: (
           <EuiLink
+            data-test-subj="syntheticsProjectMonitorDisclaimerLearnMoreLink"
             href="https://elastic.co/guide/en/observability/current/synthetics-manage-monitors.html#manage-monitors-delete"
             target="_blank"
           >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/monitor_details_link.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/monitor_details_link.tsx
index f255feef4c86..c0b93270e495 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/monitor_details_link.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/monitor_list_table/monitor_details_link.tsx
@@ -30,5 +30,9 @@ export const MonitorDetailsLink = ({ monitor }: { monitor: EncryptedSyntheticsSa
     locationId,
   });
 
-  return <EuiLink href={monitorDetailLinkUrl}>{monitor.name}</EuiLink>;
+  return (
+    <EuiLink data-test-subj="syntheticsMonitorDetailsLinkLink" href={monitorDetailLinkUrl}>
+      {monitor.name}
+    </EuiLink>
+  );
 };
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/synthetics_enablement/synthetics_enablement.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/synthetics_enablement/synthetics_enablement.tsx
index 643764f0d3f9..09496214c45a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/synthetics_enablement/synthetics_enablement.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/management/synthetics_enablement/synthetics_enablement.tsx
@@ -90,6 +90,7 @@ export const EnablementEmptyState = () => {
             <h3>{labels.LEARN_MORE_LABEL}</h3>
           </EuiTitle>
           <EuiLink
+            data-test-subj="syntheticsEnablementEmptyStateLink"
             href="https://docs.google.com/document/d/1hkzFibu9LggPWXQqfbAd0mMlV75wCME7_BebXlEH-oI"
             target="_blank"
           >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/monitors_page.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/monitors_page.tsx
index ae9a03578ac2..f6b577060110 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/monitors_page.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/monitors_page.tsx
@@ -65,6 +65,7 @@ const MonitorManagementPage: React.FC = () => {
               <p>{labels.CALLOUT_MANAGEMENT_DESCRIPTION}</p>
               {canEnable ? (
                 <EuiButton
+                  data-test-subj="syntheticsMonitorManagementPageButton"
                   fill
                   color="primary"
                   onClick={() => {
@@ -76,7 +77,11 @@ const MonitorManagementPage: React.FC = () => {
               ) : (
                 <p>
                   {labels.CALLOUT_MANAGEMENT_CONTACT_ADMIN}{' '}
-                  <EuiLink href="#" target="_blank">
+                  <EuiLink
+                    data-test-subj="syntheticsMonitorManagementPageLink"
+                    href="#"
+                    target="_blank"
+                  >
                     {labels.LEARN_MORE_LABEL}
                   </EuiLink>
                 </p>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/grid_by_group/group_menu.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/grid_by_group/group_menu.tsx
index 49b03ef09e60..e6b3467068e2 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/grid_by_group/group_menu.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/grid_by_group/group_menu.tsx
@@ -49,7 +49,13 @@ export const GroupMenu = ({ groupOptions, orderByOptions, groupField }: Props) =
   };
 
   const button = (
-    <EuiButtonEmpty size="xs" iconType="arrowDown" iconSide="right" onClick={onButtonClick}>
+    <EuiButtonEmpty
+      data-test-subj="syntheticsGroupMenuButton"
+      size="xs"
+      iconType="arrowDown"
+      iconSide="right"
+      onClick={onButtonClick}
+    >
       {groupField}
     </EuiButtonEmpty>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/metric_item_icon.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/metric_item_icon.tsx
index 3b242500fdb9..c3a91461e85c 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/metric_item_icon.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/metric_item_icon.tsx
@@ -144,7 +144,12 @@ export const MetricItemIcon = ({
             <EuiCallOut title={ping?.error?.message} color="danger" iconType="warning" />
           </div>
           <EuiPopoverFooter>
-            <EuiButton fullWidth size="s" href={errorLink}>
+            <EuiButton
+              data-test-subj="syntheticsMetricItemIconButton"
+              fullWidth
+              size="s"
+              href={errorLink}
+            >
               {ERROR_DETAILS}
             </EuiButton>
           </EuiPopoverFooter>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx
index 187f590c9b36..3d57ef4af626 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/monitor_detail_flyout.tsx
@@ -342,10 +342,16 @@ export function MonitorDetailFlyout(props: Props) {
             <EuiPanel hasBorder={false} hasShadow={false} paddingSize="l" color="transparent">
               <EuiFlexGroup justifyContent="spaceBetween">
                 <EuiFlexItem grow={false}>
-                  <EuiButtonEmpty onClick={props.onClose}>{CLOSE_FLYOUT_TEXT}</EuiButtonEmpty>
+                  <EuiButtonEmpty
+                    data-test-subj="syntheticsMonitorDetailFlyoutButton"
+                    onClick={props.onClose}
+                  >
+                    {CLOSE_FLYOUT_TEXT}
+                  </EuiButtonEmpty>
                 </EuiFlexItem>
                 <EuiFlexItem grow={false}>
                   <EuiButton
+                    data-test-subj="syntheticsMonitorDetailFlyoutButton"
                     // `detailLink` can be undefined, in this case, disable the button
                     isDisabled={!detailLink}
                     href={detailLink}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_grid.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_grid.tsx
index 54462c0f915d..8183cf363595 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_grid.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/overview_grid.tsx
@@ -126,6 +126,7 @@ export const OverviewGrid = memo(() => {
           {currentMonitors.length === monitors.length && currentMonitors.length > perPage && (
             <EuiFlexItem grow={false}>
               <EuiButtonEmpty
+                data-test-subj="syntheticsOverviewGridButton"
                 onClick={() => window.scrollTo(0, 0)}
                 iconType="sortUp"
                 iconSide="right"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/sort_menu.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/sort_menu.tsx
index f61966abd99f..f37bed862a1a 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/sort_menu.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/monitors_page/overview/overview/sort_menu.tsx
@@ -48,7 +48,13 @@ export const SortMenu = ({ sortOptions, orderOptions, sortField }: Props) => {
   };
 
   const button = (
-    <EuiButtonEmpty size="xs" iconType="arrowDown" iconSide="right" onClick={onButtonClick}>
+    <EuiButtonEmpty
+      data-test-subj="syntheticsSortMenuButton"
+      size="xs"
+      iconType="arrowDown"
+      iconSide="right"
+      onClick={onButtonClick}
+    >
       {sortField}
     </EuiButtonEmpty>
   );
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/alerting_defaults/alert_defaults_form.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/alerting_defaults/alert_defaults_form.tsx
index eb8d14f3d243..2c81ccf1d86e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/alerting_defaults/alert_defaults_form.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/alerting_defaults/alert_defaults_form.tsx
@@ -117,6 +117,7 @@ export const AlertDefaultsForm = () => {
       <EuiFlexGroup justifyContent="flexEnd">
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
+            data-test-subj="syntheticsAlertDefaultsFormButton"
             iconType="cross"
             onClick={() => {
               setFormFields((settings ?? DYNAMIC_SETTINGS_DEFAULTS) as FormFields);
@@ -130,6 +131,7 @@ export const AlertDefaultsForm = () => {
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButton
+            data-test-subj="syntheticsAlertDefaultsFormButton"
             onClick={(evt: React.FormEvent) => {
               evt.preventDefault();
               onApply();
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/data_retention.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/data_retention.tsx
index c636dbe565d3..8f998217117e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/data_retention.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/data_retention.tsx
@@ -53,7 +53,10 @@ export const DataRetentionTab = () => {
             values={{
               stackManagement: <strong>{STACK_MANAGEMENT}</strong>,
               docsLink: (
-                <EuiLink href="https://www.elastic.co/guide/en/observability/current/synthetics-manage-retention.html">
+                <EuiLink
+                  data-test-subj="syntheticsDataRetentionTabLink"
+                  href="https://www.elastic.co/guide/en/observability/current/synthetics-manage-retention.html"
+                >
                   {READ_OUR_DOCS}
                 </EuiLink>
               ),
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_flyout.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_flyout.tsx
index 7619a57eefef..7f89c6dc0d3c 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_flyout.tsx
@@ -126,12 +126,22 @@ export const AddParamFlyout = ({
           <EuiFlyoutFooter>
             <EuiFlexGroup justifyContent="spaceBetween">
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty iconType="cross" onClick={closeFlyout} flush="left">
+                <EuiButtonEmpty
+                  data-test-subj="syntheticsAddParamFlyoutButton"
+                  iconType="cross"
+                  onClick={closeFlyout}
+                  flush="left"
+                >
                   {CLOSE_TABLE}
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
-                <EuiButton onClick={handleSubmit(onSubmit)} fill isLoading={loading}>
+                <EuiButton
+                  data-test-subj="syntheticsAddParamFlyoutButton"
+                  onClick={handleSubmit(onSubmit)}
+                  fill
+                  isLoading={loading}
+                >
                   {SAVE_TABLE}
                 </EuiButton>
               </EuiFlexItem>
@@ -145,6 +155,7 @@ export const AddParamFlyout = ({
   return (
     <div>
       <EuiButton
+        data-test-subj="syntheticsAddParamFlyoutButton"
         fill
         iconType="plusInCircleFilled"
         iconSide="left"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
index f01080a64465..af079c474afe 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/add_param_form.tsx
@@ -42,6 +42,7 @@ export const AddParamForm = ({
         error={errors?.key?.message}
       >
         <EuiFieldText
+          data-test-subj="syntheticsAddParamFormFieldText"
           fullWidth
           aria-label={KEY_LABEL}
           {...register('key', {
@@ -66,6 +67,7 @@ export const AddParamForm = ({
         error={errors?.value?.message}
       >
         <EuiTextArea
+          data-test-subj="syntheticsAddParamFormTextArea"
           fullWidth
           aria-label={VALUE_LABEL}
           {...register('value', {
@@ -100,7 +102,12 @@ export const AddParamForm = ({
         />
       </EuiFormRow>
       <EuiFormRow fullWidth label={DESCRIPTION_LABEL}>
-        <EuiFieldText fullWidth aria-label={DESCRIPTION_LABEL} {...register('description', {})} />
+        <EuiFieldText
+          data-test-subj="syntheticsAddParamFormFieldText"
+          fullWidth
+          aria-label={DESCRIPTION_LABEL}
+          {...register('description', {})}
+        />
       </EuiFormRow>
       <EuiFormRow fullWidth label={NAMESPACES_LABEL}>
         <Controller
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/params_list.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/params_list.tsx
index f4e3380651e3..e8f43c081d2d 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/params_list.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/global_params/params_list.tsx
@@ -165,6 +165,7 @@ export const ParamsList = () => {
 
     return (
       <EuiButton
+        data-test-subj="syntheticsRenderToolsLeftParamsButton"
         color="danger"
         onClick={() => {
           setDeleteParam(selectedItems);
@@ -221,6 +222,7 @@ export const ParamsList = () => {
           values={{
             learnMore: (
               <EuiLink
+                data-test-subj="syntheticsParamsListLink"
                 href="https://www.elastic.co/guide/en/observability/master/synthetics-params-secrets.html"
                 target="_blank"
               >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/add_location_flyout.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/add_location_flyout.tsx
index 4a9dcdfec47d..fd5c7b76d358 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/add_location_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/add_location_flyout.tsx
@@ -87,6 +87,7 @@ export const AddLocationFlyout = ({
             <EuiFlexGroup justifyContent="spaceBetween">
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
+                  data-test-subj="syntheticsAddLocationFlyoutButton"
                   iconType="cross"
                   onClick={closeFlyout}
                   flush="left"
@@ -96,7 +97,12 @@ export const AddLocationFlyout = ({
                 </EuiButtonEmpty>
               </EuiFlexItem>
               <EuiFlexItem grow={false}>
-                <EuiButton fill onClick={handleSubmit(onSubmit)} isLoading={isLoading}>
+                <EuiButton
+                  data-test-subj="syntheticsAddLocationFlyoutButton"
+                  fill
+                  onClick={handleSubmit(onSubmit)}
+                  isLoading={isLoading}
+                >
                   {SAVE_LABEL}
                 </EuiButton>
               </EuiFlexItem>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/agent_policy_needed.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/agent_policy_needed.tsx
index b3ad93e26d04..7870ee25003e 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/agent_policy_needed.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/agent_policy_needed.tsx
@@ -21,6 +21,7 @@ export const AgentPolicyNeeded = ({ disabled }: { disabled: boolean }) => {
       body={<p>{ADD_AGENT_POLICY_DESCRIPTION}</p>}
       actions={
         <EuiButton
+          data-test-subj="syntheticsAgentPolicyNeededButton"
           fill
           href={`${basePath}/app/fleet/policies?create`}
           color="primary"
@@ -35,6 +36,7 @@ export const AgentPolicyNeeded = ({ disabled }: { disabled: boolean }) => {
             <h3>{LEARN_MORE}</h3>
           </EuiTitle>
           <EuiLink
+            data-test-subj="syntheticsAgentPolicyNeededLink"
             target="_blank"
             href="https://www.elastic.co/guide/en/observability/current/uptime-set-up-choose-agent.html#private-locations"
           >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/empty_locations.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/empty_locations.tsx
index 6f20a5c03a5d..e6ac91746b44 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/empty_locations.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/empty_locations.tsx
@@ -40,6 +40,7 @@ export const EmptyLocations = ({
       actions={
         redirectToSettings ? (
           <EuiButton
+            data-test-subj="syntheticsEmptyLocationsButton"
             iconType="plusInCircle"
             color="primary"
             fill
@@ -52,6 +53,7 @@ export const EmptyLocations = ({
           </EuiButton>
         ) : (
           <EuiButton
+            data-test-subj="syntheticsEmptyLocationsButton"
             iconType="plusInCircle"
             disabled={disabled}
             color="primary"
@@ -77,6 +79,7 @@ export const EmptyLocations = ({
 
 export const PrivateLocationDocsLink = ({ label }: { label?: string }) => (
   <EuiLink
+    data-test-subj="syntheticsPrivateLocationDocsLinkLink"
     href="https://www.elastic.co/guide/en/observability/current/synthetics-private-location.html"
     target="_blank"
   >
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/location_form.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/location_form.tsx
index f3bdb8d2fa1d..287ec8e9c586 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/location_form.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/location_form.tsx
@@ -55,6 +55,7 @@ export const LocationForm = ({
             error={errors?.label?.message}
           >
             <EuiFieldText
+              data-test-subj="syntheticsLocationFormFieldText"
               fullWidth
               aria-label={LOCATION_NAME_LABEL}
               {...register('label', {
@@ -85,6 +86,7 @@ export const LocationForm = ({
                     code: <EuiCode>elastic-agent-complete</EuiCode>,
                     link: (
                       <EuiLink
+                        data-test-subj="syntheticsLocationFormReadTheDocsLink"
                         target="_blank"
                         href="https://www.elastic.co/guide/en/observability/current/uptime-set-up-choose-agent.html#private-locations"
                         external
@@ -117,6 +119,7 @@ export const LocationForm = ({
                     values={{
                       link: (
                         <EuiLink
+                          data-test-subj="syntheticsLocationFormReadTheDocsLink"
                           target="_blank"
                           href="https://www.elastic.co/guide/en/observability/current/synthetics-private-location.html#synthetics-private-location-fleet-agent"
                           external
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/policy_name.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/policy_name.tsx
index b176b14619d6..f336d83a98ee 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/policy_name.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/policy_name.tsx
@@ -31,7 +31,10 @@ export const PolicyName = ({ agentPolicyId }: { agentPolicyId: string }) => {
       {canReadAgentPolicies ? (
         <EuiTextColor color="subdued">
           {policy ? (
-            <EuiLink href={`${basePath}/app/fleet/policies/${agentPolicyId}`}>
+            <EuiLink
+              data-test-subj="syntheticsPolicyNameLink"
+              href={`${basePath}/app/fleet/policies/${agentPolicyId}`}
+            >
               {policy?.name}
             </EuiLink>
           ) : (
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/view_location_monitors.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/view_location_monitors.tsx
index 0c52216dc37b..a008da59751b 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/view_location_monitors.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/private_locations/view_location_monitors.tsx
@@ -23,7 +23,11 @@ export const ViewLocationMonitors = ({
   const onButtonClick = () => setIsPopoverOpen((prevState) => !prevState);
   const closePopover = () => setIsPopoverOpen(false);
 
-  const button = <EuiButtonEmpty onClick={onButtonClick}>{count}</EuiButtonEmpty>;
+  const button = (
+    <EuiButtonEmpty data-test-subj="syntheticsViewLocationMonitorsButton" onClick={onButtonClick}>
+      {count}
+    </EuiButtonEmpty>
+  );
 
   const history = useHistory();
 
@@ -37,6 +41,7 @@ export const ViewLocationMonitors = ({
       <EuiSpacer size="s" />
       {count > 0 ? (
         <EuiButton
+          data-test-subj="syntheticsViewLocationMonitorsButton"
           href={history.createHref({
             pathname: '/monitors',
             search: `?locations=${JSON.stringify([locationName])}`,
@@ -46,6 +51,7 @@ export const ViewLocationMonitors = ({
         </EuiButton>
       ) : (
         <EuiButton
+          data-test-subj="syntheticsViewLocationMonitorsButton"
           href={history.createHref({
             pathname: '/add-monitor',
           })}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/project_api_keys/project_api_keys.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/project_api_keys/project_api_keys.tsx
index 17e4e8856ba1..b1703bef5da8 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/project_api_keys/project_api_keys.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/settings/project_api_keys/project_api_keys.tsx
@@ -59,7 +59,12 @@ export const ProjectAPIKeys = () => {
               <EuiText>
                 {GET_API_KEY_LABEL_DESCRIPTION}{' '}
                 {!canSaveIntegrations ? `${API_KEY_DISCLAIMER} ` : ''}
-                <EuiLink href={syntheticsTestRunDocsLink} external target="_blank">
+                <EuiLink
+                  data-test-subj="syntheticsProjectAPIKeysLink"
+                  href={syntheticsTestRunDocsLink}
+                  external
+                  target="_blank"
+                >
                   {LEARN_MORE_LABEL}
                 </EuiLink>
               </EuiText>
@@ -68,7 +73,12 @@ export const ProjectAPIKeys = () => {
             <>
               <EuiText>
                 {GET_API_KEY_REDUCED_PERMISSIONS_LABEL}{' '}
-                <EuiLink href={syntheticsTestRunDocsLink} external target="_blank">
+                <EuiLink
+                  data-test-subj="syntheticsProjectAPIKeysLink"
+                  href={syntheticsTestRunDocsLink}
+                  external
+                  target="_blank"
+                >
                   {LEARN_MORE_LABEL}
                 </EuiLink>
               </EuiText>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_metrics/definitions_popover.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_metrics/definitions_popover.tsx
index 98443a53fa9c..1ee398201e9b 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_metrics/definitions_popover.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_metrics/definitions_popover.tsx
@@ -47,7 +47,12 @@ export const DefinitionsPopover = () => {
   return (
     <EuiPopover
       button={
-        <EuiButtonEmpty iconType="list" iconSide="right" onClick={onButtonClick}>
+        <EuiButtonEmpty
+          data-test-subj="syntheticsDefinitionsPopoverButton"
+          iconType="list"
+          iconSide="right"
+          onClick={onButtonClick}
+        >
           {DEFINITIONS_LABEL}
         </EuiButtonEmpty>
       }
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_number_nav.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_number_nav.tsx
index f1ae2aaa0b75..cf369b6318d6 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_number_nav.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_number_nav.tsx
@@ -39,6 +39,7 @@ export const StepNav = ({ stepIndex, totalSteps, handleStepHref }: Props) => {
 
   const button = (
     <EuiButtonEmpty
+      data-test-subj="syntheticsStepNavStepStepIndexOfTotalStepsButton"
       size="s"
       flush="left"
       iconType={hasMoreThanOneStep ? 'arrowDown' : undefined}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_page_nav.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_page_nav.tsx
index a37fa5ae7486..528e3c9d6aa1 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_page_nav.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_page_nav.tsx
@@ -82,6 +82,7 @@ export const StepPageNavigation = ({ testRunPage }: { testRunPage?: boolean }) =
       isOpen={isPopoverOpen}
       button={
         <EuiButtonEmpty
+          data-test-subj="syntheticsStepPageNavigationButton"
           style={{ height: 20 }}
           onClick={() => setIsPopoverOpen((prev) => !prev)}
           iconType="arrowDown"
@@ -95,6 +96,7 @@ export const StepPageNavigation = ({ testRunPage }: { testRunPage?: boolean }) =
       <EuiFlexGroup alignItems="center" justifyContent="flexEnd" responsive={false}>
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
+            data-test-subj="syntheticsStepPageNavigationButton"
             href={prevHref}
             disabled={!prevHref}
             iconType="arrowLeft"
@@ -110,6 +112,7 @@ export const StepPageNavigation = ({ testRunPage }: { testRunPage?: boolean }) =
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
+            data-test-subj="syntheticsStepPageNavigationButton"
             href={nextHref}
             disabled={!nextHref}
             iconType="arrowRight"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/middle_truncated_text.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/middle_truncated_text.tsx
index 1ff4f1b6c78b..7f95069c56f0 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/middle_truncated_text.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/middle_truncated_text.tsx
@@ -173,7 +173,12 @@ export const MiddleTruncatedText = ({
         </>
       </WaterfallChartTooltip>
       <span>
-        <EuiLink href={url} external target="_blank">
+        <EuiLink
+          data-test-subj="syntheticsMiddleTruncatedTextLink"
+          href={url}
+          external
+          target="_blank"
+        >
           <EuiScreenReaderOnly>
             <span>
               <FormattedMessage
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend.tsx
index 2eae65a44ff5..6c1e58829aee 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_legend.tsx
@@ -58,7 +58,11 @@ export const WaterfallLegend = ({ activeFilters, setActiveFilters }: Props) => {
           ) : null}
 
           {anyFilterApplied ? (
-            <EuiButtonEmpty size="xs" onClick={clearFilters}>
+            <EuiButtonEmpty
+              data-test-subj="syntheticsWaterfallLegendButton"
+              size="xs"
+              onClick={clearFilters}
+            >
               {CLEAR_FILTER_LABEL}
             </EuiButtonEmpty>
           ) : null}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_search.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_search.tsx
index c72b15229aa6..e57dfa32ad4f 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_search.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/step_details_page/step_waterfall_chart/waterfall/waterfall_header/waterfall_search.tsx
@@ -60,6 +60,7 @@ export const WaterfallSearch = ({
       </EuiText>
 
       <EuiFieldSearch
+        data-test-subj="syntheticsWaterfallSearchFieldSearch"
         fullWidth
         aria-label={FILTER_REQUESTS_LABEL}
         placeholder={SEARCH_REQUESTS_LABEL}
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_now_mode_flyout.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_now_mode_flyout.tsx
index 616c13b1a952..cfb934895462 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_now_mode_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_now_mode_flyout.tsx
@@ -85,7 +85,12 @@ export function TestNowModeFlyout({
         </EuiErrorBoundary>
       </EuiFlyoutBody>
       <EuiFlyoutFooter>
-        <EuiButtonEmpty iconType="cross" onClick={onClose} flush="left">
+        <EuiButtonEmpty
+          data-test-subj="syntheticsTestNowModeFlyoutButton"
+          iconType="cross"
+          onClick={onClose}
+          flush="left"
+        >
           {CLOSE_LABEL}
         </EuiButtonEmpty>
       </EuiFlyoutFooter>
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_result_header.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_result_header.tsx
index 12cd39602acd..bdecc2911bda 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_result_header.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_now_mode/test_result_header.tsx
@@ -91,6 +91,7 @@ export function TestResultHeader({
       {checkGroupId && configId && isCompleted && (
         <EuiFlexItem grow={false}>
           <EuiLink
+            data-test-subj="syntheticsTestResultHeaderLink"
             href={getTestRunDetailLink({
               basePath,
               monitorId: configId,
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/components/step_number_nav.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/components/step_number_nav.tsx
index 254b1e62c96b..6a4b4ef710e7 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/components/step_number_nav.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/components/test_run_details/components/step_number_nav.tsx
@@ -32,6 +32,7 @@ export const StepNumberNav = ({
         <EuiFlexGroup alignItems="center" responsive={false}>
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              data-test-subj="syntheticsStepNumberNavButton"
               onClick={handlePreviousStep}
               disabled={!hasPreviousStep}
               iconType="arrowLeft"
@@ -53,6 +54,7 @@ export const StepNumberNav = ({
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              data-test-subj="syntheticsStepNumberNavButton"
               onClick={handleNextStep}
               disabled={!hasNextStep}
               iconType="arrowRight"
diff --git a/x-pack/plugins/synthetics/public/apps/synthetics/routes.tsx b/x-pack/plugins/synthetics/public/apps/synthetics/routes.tsx
index 58f4fc3e1c7b..413680f14d60 100644
--- a/x-pack/plugins/synthetics/public/apps/synthetics/routes.tsx
+++ b/x-pack/plugins/synthetics/public/apps/synthetics/routes.tsx
@@ -108,7 +108,11 @@ const getRoutes = (
             defaultMessage="For more information about available monitor types and other options, see our {docs}."
             values={{
               docs: (
-                <EuiLink target="_blank" href="#">
+                <EuiLink
+                  data-test-subj="syntheticsGetRoutesDocumentationLink"
+                  target="_blank"
+                  href="#"
+                >
                   <FormattedMessage
                     id="xpack.synthetics.addMonitor.pageHeader.docsLink"
                     defaultMessage="documentation"
@@ -220,6 +224,7 @@ export const PageRouter: FC = () => {
             <NotFoundPrompt
               actions={[
                 <EuiButtonEmpty
+                  data-test-subj="syntheticsPageRouterGoToSyntheticsHomePageButton"
                   iconType="arrowLeft"
                   flush="both"
                   onClick={() => {
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/certificates/__snapshots__/cert_monitors.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/certificates/__snapshots__/cert_monitors.test.tsx.snap
index 6e5254db66ae..417ee20250c7 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/certificates/__snapshots__/cert_monitors.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/certificates/__snapshots__/cert_monitors.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`CertMonitors renders expected elements for valid props 1`] = `
     >
       <button
         class="euiLink emotion-euiLink-primary"
+        data-test-subj="syntheticsMonitorPageLinkLink"
         type="button"
       >
         <a
@@ -26,6 +27,7 @@ exports[`CertMonitors renders expected elements for valid props 1`] = `
     >
       <button
         class="euiLink emotion-euiLink-primary"
+        data-test-subj="syntheticsMonitorPageLinkLink"
         type="button"
       >
         <a
@@ -44,6 +46,7 @@ exports[`CertMonitors renders expected elements for valid props 1`] = `
     >
       <button
         class="euiLink emotion-euiLink-primary"
+        data-test-subj="syntheticsMonitorPageLinkLink"
         type="button"
       >
         <a
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/location_link.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/location_link.test.tsx.snap
index ba7a1c72a959..46f56e86bbd9 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/location_link.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/location_link.test.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`LocationLink component renders a help link when location not present 1`] = `
 <EuiLink
+  data-test-subj="syntheticsLocationLinkAddLocationLink"
   href="https://www.elastic.co/guide/en/beats/heartbeat/current/configuration-observer-options.html"
   target="_blank"
 >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/monitor_page_link.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/monitor_page_link.test.tsx.snap
index 376f1aa54f53..c7c269df1e9b 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/monitor_page_link.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/__snapshots__/monitor_page_link.test.tsx.snap
@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MonitorPageLink component renders a help link when link parameters present 1`] = `
-<EuiLink>
+<EuiLink
+  data-test-subj="syntheticsMonitorPageLinkLink"
+>
   <Link
     data-test-subj="monitor-page-link-bad-ssl"
     to="/monitor/YmFkLXNzbA==/selectedPingStatus=down"
@@ -10,7 +12,9 @@ exports[`MonitorPageLink component renders a help link when link parameters pres
 `;
 
 exports[`MonitorPageLink component renders the link properly 1`] = `
-<EuiLink>
+<EuiLink
+  data-test-subj="syntheticsMonitorPageLinkLink"
+>
   <Link
     data-test-subj="monitor-page-link-bad-ssl"
     to="/monitor/YmFkLXNzbA=="
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/location_link.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/location_link.tsx
index 9bf66ab24360..4fde90904c39 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/location_link.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/location_link.tsx
@@ -27,7 +27,11 @@ export const LocationLink = ({ location, textSize }: LocationLinkProps) => {
       {location}
     </EuiText>
   ) : (
-    <EuiLink href={locationDocsLink} target="_blank">
+    <EuiLink
+      data-test-subj="syntheticsLocationLinkAddLocationLink"
+      href={locationDocsLink}
+      target="_blank"
+    >
       {i18n.translate('xpack.synthetics.monitorList.geoName.helpLinkAnnotation', {
         defaultMessage: 'Add location',
         description:
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_page_link.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_page_link.tsx
index 9ee2fc6c6d11..a107be1e15b1 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_page_link.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_page_link.tsx
@@ -32,7 +32,7 @@ export const MonitorPageLink: FC<DetailPageLinkProps> = ({
       : `/monitor/${btoa(monitorId)}`;
   };
   return (
-    <EuiLink>
+    <EuiLink data-test-subj="syntheticsMonitorPageLinkLink">
       <Link data-test-subj={`monitor-page-link-${monitorId}`} to={getLocationTo()}>
         {children}
       </Link>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_tags.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_tags.tsx
index 14e185e3e931..7483599cd8f1 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_tags.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/monitor_tags.tsx
@@ -81,6 +81,7 @@ export const MonitorTags = ({ ping, summary }: Props) => {
   if (tags.length === 0) {
     return summary ? null : (
       <EuiLink
+        data-test-subj="syntheticsMonitorTagsSetTagsLink"
         href={docLinks?.links.heartbeat.base + '/monitor-options.html#monitor-tags'}
         target="_blank"
       >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/react_router_helpers/link_for_eui.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/react_router_helpers/link_for_eui.tsx
index a9b06d18938d..d0adab494499 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/common/react_router_helpers/link_for_eui.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/common/react_router_helpers/link_for_eui.tsx
@@ -55,13 +55,13 @@ type TEuiReactRouterButtonEmptyProps = EuiButtonEmptyProps & IEuiReactRouterProp
 
 export const ReactRouterEuiLink: React.FC<TEuiReactRouterLinkProps> = ({ to, ...rest }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiLink {...rest} />
+    <EuiLink data-test-subj="syntheticsReactRouterEuiLinkLink" {...rest} />
   </ReactRouterHelperForEui>
 );
 
 export const ReactRouterEuiButton: React.FC<TEuiReactRouterButtonProps> = ({ to, ...rest }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiButton {...rest} />
+    <EuiButton data-test-subj="syntheticsReactRouterEuiButtonButton" {...rest} />
   </ReactRouterHelperForEui>
 );
 
@@ -70,6 +70,6 @@ export const ReactRouterEuiButtonEmpty: React.FC<TEuiReactRouterButtonEmptyProps
   ...rest
 }) => (
   <ReactRouterHelperForEui to={to}>
-    <EuiButtonEmpty {...rest} />
+    <EuiButtonEmpty data-test-subj="syntheticsReactRouterEuiButtonEmptyButton" {...rest} />
   </ReactRouterHelperForEui>
 );
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/script_recorder_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/script_recorder_fields.tsx
index 67a2acc0d1f8..9765e83e914e 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/script_recorder_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/script_recorder_fields.tsx
@@ -44,7 +44,11 @@ export function ScriptRecorderFields({ onChange, script, fileName }: Props) {
   return (
     <>
       <EuiSpacer size="m" />
-      <EuiLink href="https://github.com/elastic/synthetics-recorder/releases/" target="_blank">
+      <EuiLink
+        data-test-subj="syntheticsScriptRecorderFieldsDownloadTheElasticSyntheticsRecorderLink"
+        href="https://github.com/elastic/synthetics-recorder/releases/"
+        target="_blank"
+      >
         <FormattedMessage
           id="xpack.synthetics.createPackagePolicy.stepConfigure.monitorIntegrationSettingsSection.browser.zipUrl.recorderLink"
           defaultMessage="Download the Elastic Synthetics Recorder"
@@ -66,6 +70,7 @@ export function ScriptRecorderFields({ onChange, script, fileName }: Props) {
           <EuiFlexGroup gutterSize="s">
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="syntheticsScriptRecorderFieldsShowScriptButton"
                 onClick={() => setShowScript(true)}
                 iconType="editorCodeBlock"
                 iconSide="right"
@@ -79,6 +84,7 @@ export function ScriptRecorderFields({ onChange, script, fileName }: Props) {
             <EuiFlexItem grow={false}>
               {isEditable && (
                 <EuiButton
+                  data-test-subj="syntheticsScriptRecorderFieldsRemoveScriptButton"
                   onClick={() => onChange({ scriptText: '', fileName: '' })}
                   iconType="trash"
                   iconSide="right"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/source_field.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/source_field.tsx
index 397c4be744e6..be3fe1a4d8d1 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/source_field.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/browser/source_field.tsx
@@ -263,6 +263,7 @@ export const SourceField = ({
               values={{
                 link: (
                   <EuiLink
+                    data-test-subj="syntheticsSourceFieldLearnMoreLink"
                     target="_blank"
                     href={getDocLinks()?.links?.observability?.syntheticsProjectMonitors}
                     external
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/common/common_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/common/common_fields.tsx
index acdc6655cf24..5e0f0e4a4410 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/common/common_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/common/common_fields.tsx
@@ -99,6 +99,7 @@ export function CommonFields({ fields, onChange, onFieldBlur, validate }: Props)
           }
         >
           <EuiFieldNumber
+            data-test-subj="syntheticsCommonFieldsFieldNumber"
             min={0}
             value={fields[ConfigKey.TIMEOUT] || ''}
             onChange={(event) =>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/custom_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/custom_fields.tsx
index e600c8067cc9..874aab7fa729 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/custom_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/custom_fields.tsx
@@ -168,6 +168,7 @@ export const CustomFields = memo<Props>(
                       agent: <EuiCode>elastic-agent-complete</EuiCode>,
                       link: (
                         <EuiLink
+                          data-test-subj="syntheticsCustomFieldsSyntheticsDocumentationLink"
                           target="_blank"
                           href="https://www.elastic.co/guide/en/observability/current/synthetics-quickstart-fleet.html"
                           external
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/deprecate_notice_modal.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/deprecate_notice_modal.tsx
index f3a2013820b8..b8dce759568a 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/deprecate_notice_modal.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/deprecate_notice_modal.tsx
@@ -68,6 +68,7 @@ export const DeprecateNoticeModal = ({ onCancel }: { onCancel: () => void }) =>
           values={{
             docsLink: (
               <EuiLink
+                data-test-subj="syntheticsDeprecateNoticeModalLink"
                 target="_blank"
                 href="https://www.elastic.co/guide/en/observability/current/monitor-uptime-synthetics.html"
               >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/http/simple_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/http/simple_fields.tsx
index 9e7f2f4bab6a..703310398385 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/http/simple_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/http/simple_fields.tsx
@@ -110,6 +110,7 @@ export const HTTPSimpleFields = memo<Props>(({ validate, onFieldBlur }) => {
         }
       >
         <EuiFieldNumber
+          data-test-subj="syntheticsHTTPSimpleFieldsFieldNumber"
           min={0}
           value={fields[ConfigKey.MAX_REDIRECTS]}
           onChange={(event) =>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/icmp/simple_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/icmp/simple_fields.tsx
index c420fce0176b..b971d1727c03 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/icmp/simple_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/fleet_package/icmp/simple_fields.tsx
@@ -113,6 +113,7 @@ export const ICMPSimpleFields = memo<Props>(({ validate, onFieldBlur }) => {
         }
       >
         <EuiFieldNumber
+          data-test-subj="syntheticsICMPSimpleFieldsFieldNumber"
           min={0}
           value={fields[ConfigKey.WAIT]}
           onChange={(event) =>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/license_info.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/license_info.tsx
index 35853deb520b..0f13befe8f26 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/license_info.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/license_info.tsx
@@ -32,6 +32,7 @@ export const ShowLicenseInfo = () => {
       >
         <p>{labels.START_TRAIL_DESC}</p>
         <EuiButton
+          data-test-subj="syntheticsShowLicenseInfoButton"
           color="primary"
           href={basePath + `/app/management/stack/license_management/home`}
         >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_flyout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_flyout.tsx
index d72b8893eeca..98c0b51be910 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_flyout.tsx
@@ -60,7 +60,9 @@ export function MLFlyoutView({ isCreatingJob, onClickCreate, onClose, canCreateM
               defaultMessage="Once a job is created, you can manage it and see more details in the {mlJobsPageLink}."
               values={{
                 mlJobsPageLink: (
-                  <EuiLink href={basePath + '/app/ml'}>{labels.ML_MANAGEMENT_PAGE}</EuiLink>
+                  <EuiLink data-test-subj="syntheticsMLFlyoutViewLink" href={basePath + '/app/ml'}>
+                    {labels.ML_MANAGEMENT_PAGE}
+                  </EuiLink>
                 ),
               }}
             />
@@ -88,7 +90,11 @@ export function MLFlyoutView({ isCreatingJob, onClickCreate, onClose, canCreateM
       <EuiFlyoutFooter>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty onClick={() => onClose()} disabled={isCreatingJob || isLoadingMLJob}>
+            <EuiButtonEmpty
+              data-test-subj="syntheticsMLFlyoutViewButton"
+              onClick={() => onClose()}
+              disabled={isCreatingJob || isLoadingMLJob}
+            >
               {labels.CANCEL_LABEL}
             </EuiButtonEmpty>
           </EuiFlexItem>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_job_link.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_job_link.tsx
index d782b20c6176..f86b819e78e3 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_job_link.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ml/ml_job_link.tsx
@@ -48,5 +48,13 @@ export const getMLJobLinkHref = ({ basePath, monitorId, dateRange }: Props) => {
 
 export const MLJobLink: React.FC<Props> = ({ basePath, monitorId, dateRange, children }) => {
   const href = getMLJobLinkHref({ basePath, monitorId, dateRange });
-  return <EuiButtonEmpty children={children} size="s" href={href} target="_blank" />;
+  return (
+    <EuiButtonEmpty
+      data-test-subj="syntheticsMLJobLinkButton"
+      children={children}
+      size="s"
+      href={href}
+      target="_blank"
+    />
+  );
 };
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/monitor_title.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/monitor_title.tsx
index ce343ac1f6bd..3b00f1e7e3d8 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/monitor_title.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/monitor_title.tsx
@@ -94,7 +94,11 @@ export const MonitorPageTitleContent: React.FC = () => {
         {isBrowser && (
           <EuiFlexItem grow={false}>
             <EuiText>
-              <EuiLink href="https://www.elastic.co/what-is/synthetic-monitoring" target="_blank">
+              <EuiLink
+                data-test-subj="syntheticsMonitorPageTitleContentSeeMoreLink"
+                href="https://www.elastic.co/what-is/synthetic-monitoring"
+                target="_blank"
+              >
                 <FormattedMessage
                   id="xpack.synthetics.monitorDetails.title.disclaimer.link"
                   defaultMessage="See more"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap
index 7b8cb38a08d1..254b265e63ec 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/__snapshots__/expanded_row.test.tsx.snap
@@ -171,6 +171,7 @@ exports[`PingListExpandedRow renders link to docs if body is not recorded but it
               Body not recorded. Read our 
               <a
                 class="euiLink emotion-euiLink-primary"
+                data-test-subj="syntheticsDocLinkForBodyDocsLink"
                 href="https://www.elastic.co/guide/en/beats/heartbeat/current/configuration-heartbeat-options.html#monitor-http-response"
                 rel="noopener noreferrer"
                 target="_blank"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/step_image_caption.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/step_image_caption.tsx
index b37daa81e234..6cbcafccaed0 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/step_image_caption.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/step_image_caption.tsx
@@ -66,6 +66,7 @@ export const StepImageCaption: React.FC<StepImageCaptionProps> = ({
           <EuiFlexGroup alignItems="center" justifyContent="center">
             <EuiFlexItem grow={true}>
               <EuiButtonEmpty
+                data-test-subj="syntheticsStepImageCaptionButton"
                 css={{ marginLeft: isSmall ? 0 : 'auto' }}
                 disabled={stepNumber === 1}
                 onClick={(evt: MouseEvent<HTMLButtonElement>) => {
@@ -84,6 +85,7 @@ export const StepImageCaption: React.FC<StepImageCaptionProps> = ({
             </EuiFlexItem>
             <EuiFlexItem grow={true}>
               <EuiButtonEmpty
+                data-test-subj="syntheticsStepImageCaptionButton"
                 css={{ marginRight: isSmall ? 0 : 'auto' }}
                 disabled={stepNumber === maxSteps}
                 onClick={(evt: MouseEvent<HTMLButtonElement>) => {
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/doc_link_body.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/doc_link_body.tsx
index d917cd1aeb5a..e433e05cdab3 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/doc_link_body.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/doc_link_body.tsx
@@ -15,7 +15,7 @@ const bodyDocsLink =
 
 export const DocLinkForBody = () => {
   const docsLink = (
-    <EuiLink href={bodyDocsLink} target="_blank">
+    <EuiLink data-test-subj="syntheticsDocLinkForBodyDocsLink" href={bodyDocsLink} target="_blank">
       {i18n.translate('xpack.synthetics.pingList.drawer.body.docsLink', {
         defaultMessage: 'docs',
         description: 'Docs link to set response body',
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/location_name.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/location_name.tsx
index 81c59a85d416..67b6bcb36229 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/location_name.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/ping_list/location_name.tsx
@@ -17,6 +17,7 @@ export const LocationName = ({ location }: LocationNameProps) =>
     <EuiText>{location}</EuiText>
   ) : (
     <EuiLink
+      data-test-subj="syntheticsLocationNameAddLocationLink"
       href="https://www.elastic.co/guide/en/beats/heartbeat/current/configuration-observer-options.html"
       target="_blank"
     >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap
index 19a4378b09d1..cae8a771e169 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/__snapshots__/monitor_status.bar.test.tsx.snap
@@ -67,6 +67,7 @@ Array [
     >
       <a
         class="euiLink emotion-euiLink-primary"
+        data-test-subj="syntheticsMonitorTagsSetTagsLink"
         href="undefined/monitor-options.html#monitor-tags"
         rel="noopener noreferrer"
         target="_blank"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/status_bar/status_bar.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/status_bar/status_bar.tsx
index 6c7d0920e0d4..82f8270ee3fc 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/status_bar/status_bar.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/status_details/status_bar/status_bar.tsx
@@ -97,6 +97,7 @@ export const MonitorStatusBar: React.FC = () => {
         <MonListDescription data-test-subj="monitor-page-url">
           {full ? (
             <EuiLink
+              data-test-subj="syntheticsMonitorStatusBarLink"
               aria-label={labels.monitorUrlLinkAriaLabel}
               href={full}
               target="_blank"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_nav.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_nav.tsx
index bddad0132def..20daf105d800 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_nav.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_nav.tsx
@@ -44,6 +44,7 @@ export const StepPageNavigation = ({
     <EuiFlexGroup alignItems="center" justifyContent="flexEnd" responsive={false}>
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="syntheticsStepPageNavigationButton"
           onClick={handlePreviousRun}
           disabled={!previousCheckGroup}
           iconType="arrowLeft"
@@ -57,6 +58,7 @@ export const StepPageNavigation = ({
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="syntheticsStepPageNavigationButton"
           onClick={handleNextRun}
           disabled={!nextCheckGroup}
           iconType="arrowRight"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_title.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_title.tsx
index 2e90fc3299ba..77b69513cc7e 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_title.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/step_page_title.tsx
@@ -33,6 +33,7 @@ export const StepPageTitleContent = ({
         <EuiFlexGroup alignItems="center" responsive={false}>
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              data-test-subj="syntheticsStepPageTitleContentButton"
               onClick={handlePreviousStep}
               disabled={!hasPreviousStep}
               iconType="arrowLeft"
@@ -52,6 +53,7 @@ export const StepPageTitleContent = ({
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButtonEmpty
+              data-test-subj="syntheticsStepPageTitleContentButton"
               onClick={handleNextStep}
               disabled={!hasNextStep}
               iconType="arrowRight"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/waterfall/waterfall_filter.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/waterfall/waterfall_filter.tsx
index a2667e2259e3..fea41faf8e37 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/waterfall/waterfall_filter.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/step_detail/waterfall/waterfall_filter.tsx
@@ -129,6 +129,7 @@ export const WaterfallFilter = ({
     <EuiFlexGroup gutterSize="xs" alignItems="center">
       <EuiFlexItem>
         <EuiFieldSearch
+          data-test-subj="syntheticsWaterfallFilterFieldSearch"
           fullWidth
           aria-label={FILTER_REQUESTS_LABEL}
           placeholder={FILTER_REQUESTS_LABEL}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx
index 7da52b2ce9bc..f64ebcdbec05 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor/synthetics/waterfall/components/middle_truncated_text.tsx
@@ -169,7 +169,12 @@ export const MiddleTruncatedText = ({
         </>
       </WaterfallChartTooltip>
       <span>
-        <EuiLink href={url} external target="_blank">
+        <EuiLink
+          data-test-subj="syntheticsMiddleTruncatedTextLink"
+          href={url}
+          external
+          target="_blank"
+        >
           <EuiScreenReaderOnly>
             <span>
               <FormattedMessage
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/action_bar/action_bar.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/action_bar/action_bar.tsx
index 6823206dc4b8..7748a5630411 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/action_bar/action_bar.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/action_bar/action_bar.tsx
@@ -136,6 +136,7 @@ export const ActionBar = ({
     <EuiFlexGroup gutterSize="s" justifyContent="spaceBetween">
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="syntheticsActionBarButton"
           color="ghost"
           size="s"
           href={`${basePath}/app/uptime/${MONITOR_MANAGEMENT_ROUTE}/all`}
@@ -213,6 +214,7 @@ export const ActionBar = ({
 
             <EuiFlexItem grow={false}>
               <EuiButton
+                data-test-subj="syntheticsActionBarButton"
                 color="primary"
                 fill
                 size="s"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/add_location_flyout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/add_location_flyout.tsx
index d1d9eb03c01f..b9684ac4dd91 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/add_location_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/add_location_flyout.tsx
@@ -81,12 +81,21 @@ export const AddLocationFlyout = ({
         <EuiFlyoutFooter>
           <EuiFlexGroup justifyContent="spaceBetween">
             <EuiFlexItem grow={false}>
-              <EuiButtonEmpty iconType="cross" onClick={closeFlyout} flush="left">
+              <EuiButtonEmpty
+                data-test-subj="syntheticsAddLocationFlyoutButton"
+                iconType="cross"
+                onClick={closeFlyout}
+                flush="left"
+              >
                 {CANCEL_LABEL}
               </EuiButtonEmpty>
             </EuiFlexItem>
             <EuiFlexItem grow={false}>
-              <EuiButton fill onClick={handleSubmit(onSubmit)}>
+              <EuiButton
+                data-test-subj="syntheticsAddLocationFlyoutButton"
+                fill
+                onClick={handleSubmit(onSubmit)}
+              >
                 {SAVE_LABEL}
               </EuiButton>
             </EuiFlexItem>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/agent_policy_needed.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/agent_policy_needed.tsx
index 002ee2ad2c35..4ed62a4d417b 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/agent_policy_needed.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/agent_policy_needed.tsx
@@ -20,7 +20,12 @@ export const AgentPolicyNeeded = () => {
       title={<h2>{AGENT_POLICY_NEEDED}</h2>}
       body={<p>{ADD_AGENT_POLICY_DESCRIPTION}</p>}
       actions={
-        <EuiButton fill href={`${basePath}/app/fleet/policies?create`} color="primary">
+        <EuiButton
+          data-test-subj="syntheticsAgentPolicyNeededButton"
+          fill
+          href={`${basePath}/app/fleet/policies?create`}
+          color="primary"
+        >
           {CREATE_AGENT_POLICY}
         </EuiButton>
       }
@@ -30,6 +35,7 @@ export const AgentPolicyNeeded = () => {
             <h3>{LEARN_MORE}</h3>
           </EuiTitle>
           <EuiLink
+            data-test-subj="syntheticsAgentPolicyNeededLink"
             target="_blank"
             href="https://www.elastic.co/guide/en/observability/current/uptime-set-up-choose-agent.html#private-locations"
           >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/empty_locations.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/empty_locations.tsx
index 6f203d1ab889..b12b85fc1471 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/empty_locations.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/empty_locations.tsx
@@ -34,6 +34,7 @@ export const EmptyLocations = ({
       }
       actions={
         <EuiButton
+          data-test-subj="syntheticsEmptyLocationsButton"
           disabled={disabled}
           color="primary"
           fill
@@ -57,6 +58,7 @@ export const EmptyLocations = ({
 
 export const PrivateLocationDocsLink = ({ label }: { label?: string }) => (
   <EuiLink
+    data-test-subj="syntheticsPrivateLocationDocsLinkLink"
     href="https://www.elastic.co/guide/en/observability/current/uptime-set-up-choose-agent.html#private-locations"
     target="_blank"
   >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/location_form.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/location_form.tsx
index 99aa2f6f8e1d..a97c408e28f8 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/location_form.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/location_form.tsx
@@ -44,6 +44,7 @@ export const LocationForm = ({
           error={errors?.label?.message}
         >
           <EuiFieldText
+            data-test-subj="syntheticsLocationFormFieldText"
             fullWidth
             aria-label={LOCATION_NAME_LABEL}
             {...register('label', {
@@ -72,6 +73,7 @@ export const LocationForm = ({
                   code: <EuiCode>elastic-agent-complete</EuiCode>,
                   link: (
                     <EuiLink
+                      data-test-subj="syntheticsLocationFormReadTheDocsLink"
                       target="_blank"
                       href="https://www.elastic.co/guide/en/observability/current/uptime-set-up-choose-agent.html#private-locations"
                       external
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/manage_locations_flyout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/manage_locations_flyout.tsx
index 870f96190c9f..27da08121a1c 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/manage_locations_flyout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/manage_locations_flyout.tsx
@@ -103,7 +103,12 @@ export const ManageLocationsFlyout = () => {
       <EuiFlyoutFooter>
         <EuiFlexGroup justifyContent="spaceBetween">
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty iconType="cross" onClick={closeFlyout} flush="left">
+            <EuiButtonEmpty
+              data-test-subj="syntheticsManageLocationsFlyoutButton"
+              iconType="cross"
+              onClick={closeFlyout}
+              flush="left"
+            >
               {CLOSE_LABEL}
             </EuiButtonEmpty>
           </EuiFlexItem>
@@ -127,7 +132,12 @@ export const ManageLocationsFlyout = () => {
   return (
     <div>
       {isEnabled && (
-        <EuiButtonEmpty onClick={() => setIsOpen(true)}>{PRIVATE_LOCATIONS}</EuiButtonEmpty>
+        <EuiButtonEmpty
+          data-test-subj="syntheticsManageLocationsFlyoutButton"
+          onClick={() => setIsOpen(true)}
+        >
+          {PRIVATE_LOCATIONS}
+        </EuiButtonEmpty>
       )}
       {isOpen && !isAddingNew ? flyout : null}
       {isAddingNew ? (
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/policy_name.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/policy_name.tsx
index 6ed17e73c360..2af3c6dcf65f 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/policy_name.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/manage_locations/policy_name.tsx
@@ -28,7 +28,10 @@ export const PolicyName = ({ agentPolicyId }: { agentPolicyId: string }) => {
         {canReadAgentPolicies && (
           <EuiTextColor color="subdued">
             {policy ? (
-              <EuiLink href={`${basePath}/app/fleet/policies/${agentPolicyId}`}>
+              <EuiLink
+                data-test-subj="syntheticsPolicyNameLink"
+                href={`${basePath}/app/fleet/policies/${agentPolicyId}`}
+              >
                 {policy?.name}
               </EuiLink>
             ) : (
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_advanced_fields.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_advanced_fields.tsx
index c4b57f66c227..a1cf51b740f5 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_advanced_fields.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_advanced_fields.tsx
@@ -65,6 +65,7 @@ export const MonitorManagementAdvancedFields = memo<Props>(
               values={{
                 learnMore: (
                   <EuiLink
+                    data-test-subj="syntheticsMonitorManagementAdvancedFieldsLearnMoreLink"
                     target="_blank"
                     href={services.docLinks?.links?.fleet?.datastreamsNamingScheme}
                     external
@@ -80,6 +81,7 @@ export const MonitorManagementAdvancedFields = memo<Props>(
           }
         >
           <EuiFieldText
+            data-test-subj="syntheticsMonitorManagementAdvancedFieldsFieldText"
             defaultValue={namespace}
             onChange={(event) => setNamespace(event.target.value)}
             required={true}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_config.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_config.tsx
index 7c430963e03d..5383bac84814 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_config.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_config/monitor_config.tsx
@@ -87,7 +87,12 @@ export const MonitorConfig = ({ isEdit = false }: { isEdit: boolean }) => {
         <TestNowMode testRun={testRun} isMonitorSaved={isEdit} onDone={handleTestDone} />
       </EuiFlyoutBody>
       <EuiFlyoutFooter>
-        <EuiButtonEmpty iconType="cross" onClick={handleFlyoutClose} flush="left">
+        <EuiButtonEmpty
+          data-test-subj="syntheticsMonitorConfigButton"
+          iconType="cross"
+          onClick={handleFlyoutClose}
+          flush="left"
+        >
           {CLOSE_LABEL}
         </EuiButtonEmpty>
       </EuiFlyoutFooter>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/enablement_empty_state.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/enablement_empty_state.tsx
index 09d33629e7ae..c2b4ea96209f 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/enablement_empty_state.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/enablement_empty_state.tsx
@@ -88,6 +88,7 @@ export const EnablementEmptyState = ({ focusButton }: { focusButton: boolean })
               <h3>{LEARN_MORE_LABEL}</h3>
             </EuiTitle>
             <EuiLink
+              data-test-subj="syntheticsEnablementEmptyStateLink"
               href="https://docs.google.com/document/d/1hkzFibu9LggPWXQqfbAd0mMlV75wCME7_BebXlEH-oI"
               target="_blank"
             >
@@ -110,6 +111,7 @@ export const EnablementEmptyState = ({ focusButton }: { focusButton: boolean })
                 values={{
                   link: (
                     <EuiLink
+                      data-test-subj="syntheticsEnablementEmptyStateLink"
                       href="https://www.elastic.co/agreements/beta-release-terms"
                       target="_blank"
                     >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/list_tabs.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/list_tabs.tsx
index 82d79ff48231..ec3023e1019d 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/list_tabs.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/list_tabs.tsx
@@ -99,6 +99,7 @@ export const MonitorListTabs = ({
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiButton
+          data-test-subj="syntheticsMonitorListTabsButton"
           size="s"
           iconType="refresh"
           aria-label={REFRESH_LABEL}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/management_settings.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/management_settings.tsx
index d0c0fd6b3c70..2b45971a4d12 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/management_settings.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/management_settings.tsx
@@ -71,7 +71,12 @@ export const ManagementSettings = () => {
             <EuiPopoverTitle>{GET_API_KEY_GENERATE}</EuiPopoverTitle>
             <EuiText size="s">
               {GET_API_KEY_LABEL_DESCRIPTION} {!canSaveIntegrations ? `${API_KEY_DISCLAIMER} ` : ''}
-              <EuiLink href={syntheticsTestRunDocsLink} external target="_blank">
+              <EuiLink
+                data-test-subj="syntheticsManagementSettingsLink"
+                href={syntheticsTestRunDocsLink}
+                external
+                target="_blank"
+              >
                 {LEARN_MORE_LABEL}
               </EuiLink>
             </EuiText>
@@ -82,7 +87,12 @@ export const ManagementSettings = () => {
             <EuiPopoverTitle>{GET_API_KEY_GENERATE}</EuiPopoverTitle>
             <EuiText size="s">
               {GET_API_KEY_REDUCED_PERMISSIONS_LABEL}{' '}
-              <EuiLink href={syntheticsTestRunDocsLink} external target="_blank">
+              <EuiLink
+                data-test-subj="syntheticsManagementSettingsLink"
+                href={syntheticsTestRunDocsLink}
+                external
+                target="_blank"
+              >
                 {LEARN_MORE_LABEL}
               </EuiLink>
             </EuiText>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_async_error.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_async_error.tsx
index e04ee6831077..0c0b514316ed 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_async_error.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_async_error.tsx
@@ -48,7 +48,11 @@ export const MonitorAsyncError = () => {
             );
           })}
         </ul>
-        <EuiButton onClick={() => setIsDismissed(true)} color="warning">
+        <EuiButton
+          data-test-subj="syntheticsMonitorAsyncErrorButton"
+          onClick={() => setIsDismissed(true)}
+          color="warning"
+        >
           {DISMISS_LABEL}
         </EuiButton>
       </EuiCallOut>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_list.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_list.tsx
index 0517025c3605..44c4436522cb 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_list.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/monitor_list/monitor_list.tsx
@@ -125,6 +125,7 @@ export const MonitorManagementList = ({
       sortable: true,
       render: (name: string, monitor: EncryptedSyntheticsMonitorWithId) => (
         <EuiLink
+          data-test-subj="syntheticsColumnsLink"
           href={`${basePath}/app/uptime/monitor/${btoa(
             (monitor as unknown as BrowserFields)[ConfigKey.MONITOR_QUERY_ID]
           )}`}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/test_now_mode/test_result_header.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/test_now_mode/test_result_header.tsx
index 4cd4df567882..6f365b9d1a19 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/test_now_mode/test_result_header.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/monitor_management/test_now_mode/test_result_header.tsx
@@ -84,7 +84,11 @@ export function TestResultHeader({
       </EuiFlexItem>
       {checkGroupId && (
         <EuiFlexItem grow={false}>
-          <EuiLink href={`${basePath}/app/uptime/journey/${checkGroupId}/steps`} target="_blank">
+          <EuiLink
+            data-test-subj="syntheticsTestResultHeaderLink"
+            href={`${basePath}/app/uptime/journey/${checkGroupId}/steps`}
+            target="_blank"
+          >
             {VIEW_DETAILS}
           </EuiLink>
         </EuiFlexItem>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/monitor_expressions/availability_expression_select.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/monitor_expressions/availability_expression_select.tsx
index e6aef70beeaa..e133fe1c67b4 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/monitor_expressions/availability_expression_select.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/monitor_expressions/availability_expression_select.tsx
@@ -111,6 +111,7 @@ export const AvailabilityExpressionSelect: React.FC<Props> = ({
           aria-label={labels.ENTER_AVAILABILITY_THRESHOLD_ARIA_LABEL}
           content={
             <EuiFieldText
+              data-test-subj="syntheticsAvailabilityExpressionSelectFieldText"
               isInvalid={thresholdIsInvalid}
               value={threshold}
               onChange={(e) => {
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/toggle_alert_flyout_button.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/toggle_alert_flyout_button.tsx
index ce03b7e53ac8..e6d1348bfe87 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/toggle_alert_flyout_button.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/alerts/toggle_alert_flyout_button.tsx
@@ -75,7 +75,11 @@ export const ToggleAlertFlyoutButtonComponent: React.FC<Props> = ({
     'aria-label': ToggleFlyoutTranslations.navigateToAlertingUIAriaLabel,
     'data-test-subj': 'xpack.synthetics.navigateToAlertingUi',
     name: (
-      <EuiLink color="text" href={manageRulesUrl.href}>
+      <EuiLink
+        data-test-subj="syntheticsToggleAlertFlyoutButtonComponentManageRulesLink"
+        color="text"
+        href={manageRulesUrl.href}
+      >
         <FormattedMessage
           id="xpack.synthetics.navigateToAlertingButton.content"
           defaultMessage="Manage rules"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/integration_deprecation/integration_deprecation_callout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/integration_deprecation/integration_deprecation_callout.tsx
index d9ff63f5d550..415334f15c24 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/integration_deprecation/integration_deprecation_callout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/integration_deprecation/integration_deprecation_callout.tsx
@@ -36,6 +36,7 @@ export function IntegrationDeprecationCallout({
               values={{
                 link: (
                   <EuiLink
+                    data-test-subj="syntheticsIntegrationDeprecationCalloutSyntheticsMigrationDocsLink"
                     target="_blank"
                     href={getDocLinks()?.links?.observability?.syntheticsMigrateFromIntegration}
                     external
@@ -52,7 +53,11 @@ export function IntegrationDeprecationCallout({
         </EuiFlexItem>
         {handleDismissDeprecationNotice ? (
           <EuiFlexItem grow={false}>
-            <EuiButton onClick={handleDismissDeprecationNotice} color="warning">
+            <EuiButton
+              data-test-subj="syntheticsIntegrationDeprecationCalloutDismissButton"
+              onClick={handleDismissDeprecationNotice}
+              color="warning"
+            >
               <FormattedMessage
                 id="xpack.synthetics.integration.deprecation.dismiss"
                 defaultMessage="Dismiss"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/columns/monitor_name_col.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/columns/monitor_name_col.tsx
index 795d195d6da5..e3fffde5937a 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/columns/monitor_name_col.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/columns/monitor_name_col.tsx
@@ -67,6 +67,7 @@ export const MonitorNameColumn = ({ summary }: Props) => {
       </MonitorPageLink>
       <div>
         <EuiButtonEmpty
+          data-test-subj="syntheticsMonitorNameColumnButton"
           color="text"
           title={filterLabel}
           onClick={() => {
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list.tsx
index 07d18e92c49e..a306a97fc585 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list.tsx
@@ -157,7 +157,13 @@ export const MonitorListComponent: ({
         name: URL_LABEL,
         width: '30%',
         render: (url: string) => (
-          <EuiLink href={url} target="_blank" color="text" external>
+          <EuiLink
+            data-test-subj="syntheticsColumnsLink"
+            href={url}
+            target="_blank"
+            color="text"
+            external
+          >
             {url}
           </EuiLink>
         ),
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/integration_link.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/integration_link.test.tsx.snap
index 8fb33fad798c..36418673f69e 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/integration_link.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/integration_link.test.tsx.snap
@@ -31,6 +31,7 @@ exports[`IntegrationLink component renders a disabled link when href is undefine
 exports[`IntegrationLink component renders without errors 1`] = `
 <EuiLink
   aria-label="foo"
+  data-test-subj="syntheticsIntegrationLinkLink"
   href="/app/foo?kuery=localhost"
 >
   <EuiFlexGroup
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/most_recent_error.test.tsx.snap b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/most_recent_error.test.tsx.snap
index 04027e4a9bc3..c30c70720303 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/most_recent_error.test.tsx.snap
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/__snapshots__/most_recent_error.test.tsx.snap
@@ -15,6 +15,7 @@ exports[`MostRecentError component renders properly with mock data 1`] = `
   >
     <button
       class="euiLink emotion-euiLink-primary"
+      data-test-subj="syntheticsMonitorPageLinkLink"
       type="button"
     >
       <a
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/actions_popover/integration_link.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/actions_popover/integration_link.tsx
index e6cbcb13eef7..b926db58830e 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/actions_popover/integration_link.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/actions_popover/integration_link.tsx
@@ -40,7 +40,7 @@ export const IntegrationLink = ({
       </EuiFlexItem>
     </EuiFlexGroup>
   ) : (
-    <EuiLink aria-label={ariaLabel} href={href}>
+    <EuiLink data-test-subj="syntheticsIntegrationLinkLink" aria-label={ariaLabel} href={href}>
       <EuiFlexGroup responsive={false}>
         <EuiFlexItem grow={false}>
           <EuiToolTip content={tooltipContent} position="top">
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/monitor_url.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/monitor_url.tsx
index ae0310abbd09..8b79a3de4de3 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/monitor_url.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/monitor_list_drawer/monitor_url.tsx
@@ -26,7 +26,12 @@ export const MonitorUrl = ({ monitorUrl }: Props) => {
         })}
       </EuiDescriptionListTitle>
       <EuiDescriptionListDescription>
-        <EuiLink href={monitorUrl} target="_blank" external>
+        <EuiLink
+          data-test-subj="syntheticsMonitorUrlLink"
+          href={monitorUrl}
+          target="_blank"
+          external
+        >
           {monitorUrl}
         </EuiLink>
       </EuiDescriptionListDescription>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/troubleshoot_popover.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/troubleshoot_popover.tsx
index 7f2881bf30a2..5d3e9a933296 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/troubleshoot_popover.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/overview/monitor_list/troubleshoot_popover.tsx
@@ -38,7 +38,14 @@ export const TroubleshootPopover = () => {
 
   return (
     <EuiPopover
-      button={<EuiButtonEmpty onClick={onButtonClick}>{WHERE_ARE_MY_MONITORS}</EuiButtonEmpty>}
+      button={
+        <EuiButtonEmpty
+          data-test-subj="syntheticsTroubleshootPopoverButton"
+          onClick={onButtonClick}
+        >
+          {WHERE_ARE_MY_MONITORS}
+        </EuiButtonEmpty>
+      }
       isOpen={isPopoverOpen}
       closePopover={closePopover}
       anchorPosition="upCenter"
@@ -57,6 +64,7 @@ export const TroubleshootPopover = () => {
       </div>
       <EuiPopoverFooter>
         <EuiButton
+          data-test-subj="syntheticsTroubleshootPopoverButton"
           fullWidth
           iconType="calendar"
           size="s"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/stderr_logs.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/stderr_logs.tsx
index 4f599073d65e..145c1135c935 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/stderr_logs.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/stderr_logs.tsx
@@ -106,8 +106,9 @@ export const StdErrorLogs = ({
               </EuiTitle>
             </EuiFlexItem>
             <EuiFlexItem>
-              <EuiLink>
+              <EuiLink data-test-subj="syntheticsStdErrorLogsLink">
                 <EuiButtonEmpty
+                  data-test-subj="syntheticsStdErrorLogsButton"
                   href={discoverLink}
                   iconType="discoverApp"
                   isDisabled={!discoverLink}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_duration.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_duration.tsx
index f0e05c207278..efa7a189f9b1 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_duration.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_duration.tsx
@@ -62,6 +62,7 @@ export const StepDuration = ({
 
   const button = (
     <EuiButtonEmpty
+      data-test-subj="syntheticsStepDurationButton"
       onMouseEnter={() => setDurationPopoverOpenIndex(step.synthetics.step?.index ?? null)}
       iconType={compactView ? undefined : 'visArea'}
     >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_field_trend.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_field_trend.tsx
index e03656ed562d..f337a9ba0bed 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_field_trend.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/components/synthetics/check_steps/step_field_trend.tsx
@@ -73,7 +73,13 @@ export function StepFieldTrend({
       <EmbeddableExpView
         title={title}
         appendTitle={
-          <EuiButton iconType={'visArea'} href={href} target="_blank" size="s">
+          <EuiButton
+            data-test-subj="syntheticsStepFieldTrendButton"
+            iconType={'visArea'}
+            href={href}
+            target="_blank"
+            size="s"
+          >
             {EXPLORE_LABEL}
           </EuiButton>
         }
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/lib/alert_types/alert_messages.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/lib/alert_types/alert_messages.tsx
index c5e3f301ed21..847de4412a10 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/lib/alert_types/alert_messages.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/lib/alert_types/alert_messages.tsx
@@ -42,7 +42,7 @@ export const simpleAlertEnabled = (
           />
         </EuiText>
         <EuiSpacer size="xs" />
-        <EuiLink href={alertUrl}>
+        <EuiLink data-test-subj="syntheticsSimpleAlertEnabledEditAlertLink" href={alertUrl}>
           {i18n.translate('xpack.synthetics.enableAlert.editAlert', {
             defaultMessage: 'Edit alert',
           })}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/mapping_error.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/mapping_error.tsx
index 9923e102d530..db403eb0dcd9 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/mapping_error.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/mapping_error.tsx
@@ -61,6 +61,7 @@ export const MappingErrorPage = () => {
                 values={{
                   docsLink: (
                     <EuiLink
+                      data-test-subj="syntheticsMappingErrorPageDocsLink"
                       href={`${docLinks.ELASTIC_WEBSITE_URL}guide/en/observability/${docLinks.DOC_LINK_VERSION}/troubleshoot-uptime-mapping-issues.html`}
                       target="_blank"
                     >
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/disabled_callout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/disabled_callout.tsx
index 48e5564621a1..fd0a0feba5a1 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/disabled_callout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/disabled_callout.tsx
@@ -28,6 +28,7 @@ export const DisabledCallout = () => {
         <p>{CALLOUT_MANAGEMENT_DESCRIPTION}</p>
         {enablement.canEnable ? (
           <EuiButton
+            data-test-subj="syntheticsDisabledCalloutButton"
             fill
             color="primary"
             onClick={() => {
@@ -39,7 +40,7 @@ export const DisabledCallout = () => {
         ) : (
           <p>
             {CALLOUT_MANAGEMENT_CONTACT_ADMIN}{' '}
-            <EuiLink href="#" target="_blank">
+            <EuiLink data-test-subj="syntheticsDisabledCalloutLink" href="#" target="_blank">
               {LEARN_MORE_LABEL}
             </EuiLink>
           </p>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/invalid_api_key_callout.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/invalid_api_key_callout.tsx
index aa8b3112955c..f19c2e2af70a 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/invalid_api_key_callout.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/invalid_api_key_callout.tsx
@@ -23,6 +23,7 @@ export const InvalidApiKeyCalloutCallout = () => {
         <p>{CALLOUT_MANAGEMENT_DESCRIPTION}</p>
         {enablement.canEnable ? (
           <EuiButton
+            data-test-subj="syntheticsInvalidApiKeyCalloutCalloutButton"
             fill
             color="primary"
             onClick={() => {
@@ -34,7 +35,11 @@ export const InvalidApiKeyCalloutCallout = () => {
         ) : (
           <p>
             {CALLOUT_MANAGEMENT_CONTACT_ADMIN}{' '}
-            <EuiLink href="#" target="_blank">
+            <EuiLink
+              data-test-subj="syntheticsInvalidApiKeyCalloutCalloutLink"
+              href="#"
+              target="_blank"
+            >
               {LEARN_MORE_LABEL}
             </EuiLink>
           </p>
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/service_allowed_wrapper.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/service_allowed_wrapper.tsx
index ff74fd97f0b3..1418380bfd6a 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/service_allowed_wrapper.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/monitor_management/service_allowed_wrapper.tsx
@@ -20,7 +20,13 @@ export const ServiceAllowedWrapper: React.FC = ({ children }) => {
         title={<h2>{MONITOR_MANAGEMENT_LABEL}</h2>}
         body={<p>{PUBLIC_BETA_DESCRIPTION}</p>}
         actions={[
-          <EuiButton color="primary" fill isDisabled={!signupUrl} href={signupUrl ?? undefined}>
+          <EuiButton
+            data-test-subj="syntheticsServiceAllowedWrapperButton"
+            color="primary"
+            fill
+            isDisabled={!signupUrl}
+            href={signupUrl ?? undefined}
+          >
             {REQUEST_ACCESS_LABEL}
           </EuiButton>,
         ]}
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/not_found.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/not_found.tsx
index c94a7a7a06b6..1d6738210379 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/not_found.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/not_found.tsx
@@ -37,7 +37,10 @@ export const NotFoundPage = () => {
               </EuiTitle>
             }
             body={
-              <EuiButton href={history.createHref({ pathname: '/' })}>
+              <EuiButton
+                data-test-subj="syntheticsNotFoundPageBackToHomeButton"
+                href={history.createHref({ pathname: '/' })}
+              >
                 <FormattedMessage
                   defaultMessage="Back to home"
                   id="xpack.synthetics.notFountPage.homeLinkText"
diff --git a/x-pack/plugins/synthetics/public/legacy_uptime/pages/synthetics/checks_navigation.tsx b/x-pack/plugins/synthetics/public/legacy_uptime/pages/synthetics/checks_navigation.tsx
index f9573da57d91..3d0ad2f1c70d 100644
--- a/x-pack/plugins/synthetics/public/legacy_uptime/pages/synthetics/checks_navigation.tsx
+++ b/x-pack/plugins/synthetics/public/legacy_uptime/pages/synthetics/checks_navigation.tsx
@@ -32,6 +32,7 @@ export const ChecksNavigation = ({ timestamp, details }: Props) => {
     <EuiFlexGroup alignItems="center" responsive={false} gutterSize="none">
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="syntheticsChecksNavigationPreviousCheckButton"
           size={isMobile ? 'xs' : 'm'}
           iconType="arrowLeft"
           isDisabled={!details?.previous}
@@ -52,6 +53,7 @@ export const ChecksNavigation = ({ timestamp, details }: Props) => {
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="syntheticsChecksNavigationNextCheckButton"
           size={isMobile ? 'xs' : 'm'}
           iconType="arrowRight"
           iconSide="right"
diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/environment_filter/index.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/environment_filter/index.tsx
index 7a0ac99d608f..460b3e90a32f 100644
--- a/x-pack/plugins/ux/public/components/app/rum_dashboard/environment_filter/index.tsx
+++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/environment_filter/index.tsx
@@ -88,6 +88,7 @@ export function EnvironmentFilter({
 
   return (
     <EuiSelect
+      data-test-subj="uxEnvironmentFilterSelect"
       fullWidth
       prepend={i18n.translate('xpack.ux.filter.environment.label', {
         defaultMessage: 'Environment',
diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/impactful_metrics/js_errors.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/impactful_metrics/js_errors.tsx
index cb491ac4c02b..0500ccb2dff4 100644
--- a/x-pack/plugins/ux/public/components/app/rum_dashboard/impactful_metrics/js_errors.tsx
+++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/impactful_metrics/js_errors.tsx
@@ -52,6 +52,7 @@ export function JSErrors() {
       name: I18LABELS.errorMessage,
       render: (errorMessage: string, item: JSErrorItem) => (
         <EuiLink
+          data-test-subj="uxColsLink"
           href={`${basePath}/app/apm/services/${serviceName}/errors/${item.errorGroupId}`}
         >
           {errorMessage}
diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/local_uifilters/selected_filters.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/local_uifilters/selected_filters.tsx
index 776830fd10a7..c1c5503eb1dc 100644
--- a/x-pack/plugins/ux/public/components/app/rum_dashboard/local_uifilters/selected_filters.tsx
+++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/local_uifilters/selected_filters.tsx
@@ -79,6 +79,7 @@ export function SelectedFilters({
 
       <EuiFlexItem grow={false}>
         <EuiButtonEmpty
+          data-test-subj="uxSelectedFiltersClearFiltersButton"
           size="xs"
           iconType="cross"
           onClick={clearValues}
diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/page_load_distribution/reset_percentile_zoom.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/page_load_distribution/reset_percentile_zoom.tsx
index 1e65c7ae91e4..d334bd160a5c 100644
--- a/x-pack/plugins/ux/public/components/app/rum_dashboard/page_load_distribution/reset_percentile_zoom.tsx
+++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/page_load_distribution/reset_percentile_zoom.tsx
@@ -40,7 +40,12 @@ export function ResetPercentileZoom({
         />
       </EuiShowFor>
       <EuiHideFor sizes={['xs']}>
-        <EuiButtonEmpty iconType="inspect" size="s" onClick={onClick}>
+        <EuiButtonEmpty
+          data-test-subj="uxResetPercentileZoomButton"
+          iconType="inspect"
+          size="s"
+          onClick={onClick}
+        >
           {I18LABELS.resetZoom}
         </EuiButtonEmpty>
       </EuiHideFor>
diff --git a/x-pack/plugins/ux/public/components/app/rum_dashboard/url_filter/service_name_filter/index.tsx b/x-pack/plugins/ux/public/components/app/rum_dashboard/url_filter/service_name_filter/index.tsx
index 674b9593610a..57bd4a51729e 100644
--- a/x-pack/plugins/ux/public/components/app/rum_dashboard/url_filter/service_name_filter/index.tsx
+++ b/x-pack/plugins/ux/public/components/app/rum_dashboard/url_filter/service_name_filter/index.tsx
@@ -66,6 +66,7 @@ function ServiceNameFilter({ loading, serviceNames }: Props) {
 
   return (
     <EuiSelect
+      data-test-subj="uxServiceNameFilterSelect"
       fullWidth
       prepend={i18n.translate('xpack.ux.localFilters.titles.webApplication', {
         defaultMessage: 'Web application',
diff --git a/yarn.lock b/yarn.lock
index 8eafd67699b0..f9cc4304040e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4061,6 +4061,10 @@
   version "0.0.0"
   uid ""
 
+"@kbn/eslint-plugin-telemetry@link:packages/kbn-eslint-plugin-telemetry":
+  version "0.0.0"
+  uid ""
+
 "@kbn/eso-plugin@link:x-pack/test/encrypted_saved_objects_api_integration/plugins/api_consumer_plugin":
   version "0.0.0"
   uid ""