From 521493f344808b6d13f6fd243c1351d7d83b5cab Mon Sep 17 00:00:00 2001
From: Paul Tavares <56442535+paul-tavares@users.noreply.github.com>
Date: Fri, 12 Jun 2020 08:04:45 -0400
Subject: [PATCH] [7.x] [Endpoint] Functional Tests cleanup (#68756) (#68822)

* [Endpoint] Functional Tests cleanup (#68756)

* Removed several unnecessary disabled eslint rules
* moved common pageobject from endpoint_list to page_utils
* Rename functional_endpoint to security_solution_endpoint
* Delete `functional_endpoint_ingest_failure` no longer applicable

# Conflicts:
#	.github/CODEOWNERS
#	x-pack/test/security_solution_endpoint/apps/endpoint/resolver.ts

* Sync Endpoint Alerts page objects with master

- PR https://github.com/elastic/kibana/pull/64704 was never
  backported, thus this change is needed to ensure build is
  successful.

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../components/management_page_view.tsx       |   3 +-
 .../view/details/host_details.tsx             |   9 +-
 .../public/management/store/reducer.ts        |   1 -
 x-pack/scripts/functional_tests.js            |   2 +-
 .../page_objects/endpoint_alerts_page.ts      |  27 --
 .../page_objects/page_utils.ts                |  30 --
 .../apps/endpoint/index.ts                    |  14 -
 .../apps/endpoint/landing_page.ts             |  22 --
 .../config.ts                                 |  30 --
 .../ftr_provider_context.d.ts                 |  12 -
 x-pack/test/plugin_functional/config.ts       |   2 +-
 .../apps/endpoint/alerts.ts                   |   0
 .../apps/endpoint/endpoint_list.ts            |   6 +-
 .../apps/endpoint/index.ts                    |   0
 .../apps/endpoint/policy_details.ts           |   0
 .../apps/endpoint/policy_list.ts              |  10 +-
 .../apps/endpoint/resolver.ts                 | 259 ++++++++++++++++++
 .../config.ts                                 |   0
 .../ftr_provider_context.d.ts                 |   0
 .../page_objects/endpoint_alerts_page.ts      | 120 ++++++++
 .../page_objects/endpoint_page.ts             |  48 +---
 .../page_objects/index.ts                     |   0
 .../page_objects/page_utils.ts                |  76 +++++
 .../page_objects/policy_page.ts               |   0
 .../services/endpoint_policy.ts               |   0
 .../services/index.ts                         |   0
 26 files changed, 473 insertions(+), 198 deletions(-)
 delete mode 100644 x-pack/test/functional_endpoint/page_objects/endpoint_alerts_page.ts
 delete mode 100644 x-pack/test/functional_endpoint/page_objects/page_utils.ts
 delete mode 100644 x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/index.ts
 delete mode 100644 x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/landing_page.ts
 delete mode 100644 x-pack/test/functional_endpoint_ingest_failure/config.ts
 delete mode 100644 x-pack/test/functional_endpoint_ingest_failure/ftr_provider_context.d.ts
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/apps/endpoint/alerts.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/apps/endpoint/endpoint_list.ts (97%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/apps/endpoint/index.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/apps/endpoint/policy_details.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/apps/endpoint/policy_list.ts (92%)
 create mode 100644 x-pack/test/security_solution_endpoint/apps/endpoint/resolver.ts
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/config.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/ftr_provider_context.d.ts (100%)
 create mode 100644 x-pack/test/security_solution_endpoint/page_objects/endpoint_alerts_page.ts
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/page_objects/endpoint_page.ts (61%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/page_objects/index.ts (100%)
 create mode 100644 x-pack/test/security_solution_endpoint/page_objects/page_utils.ts
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/page_objects/policy_page.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/services/endpoint_policy.ts (100%)
 rename x-pack/test/{functional_endpoint => security_solution_endpoint}/services/index.ts (100%)

diff --git a/x-pack/plugins/security_solution/public/management/components/management_page_view.tsx b/x-pack/plugins/security_solution/public/management/components/management_page_view.tsx
index 4fbbcfc8d948a..8f7e0e06fb7a1 100644
--- a/x-pack/plugins/security_solution/public/management/components/management_page_view.tsx
+++ b/x-pack/plugins/security_solution/public/management/components/management_page_view.tsx
@@ -35,8 +35,7 @@ export const ManagementPageView = memo<Omit<PageViewProps, 'tabs'>>((options) =>
         href: getManagementUrl({ name: 'policyList' }),
       },
     ];
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [tabName]);
+  }, [options.viewType, tabName]);
   return <PageView {...options} tabs={tabs} />;
 });
 
diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/host_details.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/host_details.tsx
index 6c447df618791..9b0ca73cf021f 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/host_details.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/host_details.tsx
@@ -137,15 +137,14 @@ export const HostDetails = memo(({ details }: { details: HostMetadata }) => {
         description: details.agent.version,
       },
     ];
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
-    details.agent.version,
     details.endpoint.policy.id,
-    details.host.hostname,
     details.host.ip,
-    policyResponseUri.search,
-    policyStatusClickHandler,
+    details.host.hostname,
+    details.agent.version,
     policyStatus,
+    policyResponseUri,
+    policyStatusClickHandler,
   ]);
 
   return (
diff --git a/x-pack/plugins/security_solution/public/management/store/reducer.ts b/x-pack/plugins/security_solution/public/management/store/reducer.ts
index e00b3ec9e0f5b..2ed3dfe86d2f8 100644
--- a/x-pack/plugins/security_solution/public/management/store/reducer.ts
+++ b/x-pack/plugins/security_solution/public/management/store/reducer.ts
@@ -40,6 +40,5 @@ export const mockManagementState: Immutable<ManagementState> = {
 export const managementReducer = immutableCombineReducers({
   [MANAGEMENT_STORE_POLICY_LIST_NAMESPACE]: policyListReducer,
   [MANAGEMENT_STORE_POLICY_DETAILS_NAMESPACE]: policyDetailsReducer,
-  // @ts-ignore
   [MANAGEMENT_STORE_ENDPOINTS_NAMESPACE]: hostListReducer,
 });
diff --git a/x-pack/scripts/functional_tests.js b/x-pack/scripts/functional_tests.js
index 9769d81d8f147..87d43366ba1c8 100644
--- a/x-pack/scripts/functional_tests.js
+++ b/x-pack/scripts/functional_tests.js
@@ -8,7 +8,7 @@ require('@kbn/plugin-helpers').babelRegister();
 
 require('@kbn/test').runTestsCli([
   require.resolve('../test/functional/config.js'),
-  require.resolve('../test/functional_endpoint/config.ts'),
+  require.resolve('../test/security_solution_endpoint/config.ts'),
   require.resolve('../test/functional_with_es_ssl/config.ts'),
   require.resolve('../test/functional/config_security_basic.ts'),
   require.resolve('../test/functional/config_security_trial.ts'),
diff --git a/x-pack/test/functional_endpoint/page_objects/endpoint_alerts_page.ts b/x-pack/test/functional_endpoint/page_objects/endpoint_alerts_page.ts
deleted file mode 100644
index a5ad45536de89..0000000000000
--- a/x-pack/test/functional_endpoint/page_objects/endpoint_alerts_page.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { FtrProviderContext } from '../ftr_provider_context';
-
-export function EndpointAlertsPageProvider({ getService }: FtrProviderContext) {
-  const testSubjects = getService('testSubjects');
-
-  return {
-    async enterSearchBarQuery(query: string) {
-      return await testSubjects.setValue('alertsSearchBar', query, { clearWithKeyboard: true });
-    },
-    async submitSearchBarFilter() {
-      return await testSubjects.click('querySubmitButton');
-    },
-    async setSearchBarDate(timestamp: string) {
-      await testSubjects.click('superDatePickerShowDatesButton');
-      await testSubjects.click('superDatePickerstartDatePopoverButton');
-      await testSubjects.click('superDatePickerAbsoluteTab');
-      await testSubjects.setValue('superDatePickerAbsoluteDateInput', timestamp);
-      await this.submitSearchBarFilter();
-    },
-  };
-}
diff --git a/x-pack/test/functional_endpoint/page_objects/page_utils.ts b/x-pack/test/functional_endpoint/page_objects/page_utils.ts
deleted file mode 100644
index daf66464f7e1e..0000000000000
--- a/x-pack/test/functional_endpoint/page_objects/page_utils.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { FtrProviderContext } from '../ftr_provider_context';
-
-export function EndpointPageUtils({ getService }: FtrProviderContext) {
-  const find = getService('find');
-
-  return {
-    /**
-     * Finds a given EuiCheckbox by test subject and clicks on it
-     *
-     * @param euiCheckBoxTestId
-     */
-    async clickOnEuiCheckbox(euiCheckBoxTestId: string) {
-      // This utility is needed because EuiCheckbox forwards the test subject on to
-      // the actual `<input>` which is not actually visible/accessible on the page.
-      // In order to actually cause the state of the checkbox to change, the `<label>`
-      // must be clicked.
-      const euiCheckboxLabelElement = await find.byXPath(
-        `//input[@data-test-subj='${euiCheckBoxTestId}']/../label`
-      );
-
-      await euiCheckboxLabelElement.click();
-    },
-  };
-}
diff --git a/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/index.ts b/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/index.ts
deleted file mode 100644
index 98a312ba1a827..0000000000000
--- a/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/index.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-import { FtrProviderContext } from '../../ftr_provider_context';
-
-export default function ({ loadTestFile }: FtrProviderContext) {
-  describe('endpoint when the ingest manager fails to setup correctly', function () {
-    this.tags('ciGroup7');
-
-    loadTestFile(require.resolve('./landing_page'));
-  });
-}
diff --git a/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/landing_page.ts b/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/landing_page.ts
deleted file mode 100644
index d7e5fae41ba67..0000000000000
--- a/x-pack/test/functional_endpoint_ingest_failure/apps/endpoint/landing_page.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { FtrProviderContext } from '../../ftr_provider_context';
-
-export default ({ getPageObjects, getService }: FtrProviderContext) => {
-  describe('home page', function () {
-    const pageObjects = getPageObjects(['common']);
-    const testSubjects = getService('testSubjects');
-
-    before(async () => {
-      await pageObjects.common.navigateToApp('endpoint');
-    });
-
-    it('displays an error toast', async () => {
-      await testSubjects.existOrFail('euiToastHeader');
-    });
-  });
-};
diff --git a/x-pack/test/functional_endpoint_ingest_failure/config.ts b/x-pack/test/functional_endpoint_ingest_failure/config.ts
deleted file mode 100644
index 4654e325e6289..0000000000000
--- a/x-pack/test/functional_endpoint_ingest_failure/config.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { resolve } from 'path';
-import { FtrConfigProviderContext } from '@kbn/test/types/ftr';
-
-export default async function ({ readConfigFile }: FtrConfigProviderContext) {
-  const xpackFunctionalConfig = await readConfigFile(
-    require.resolve('../functional_endpoint/config.ts')
-  );
-
-  return {
-    ...xpackFunctionalConfig.getAll(),
-    testFiles: [resolve(__dirname, './apps/endpoint')],
-    junit: {
-      reportName: 'X-Pack Endpoint Without Ingest Functional Tests',
-    },
-    kbnTestServer: {
-      ...xpackFunctionalConfig.get('kbnTestServer'),
-      serverArgs: [
-        ...xpackFunctionalConfig.get('kbnTestServer.serverArgs'),
-        // use a bogus port so the ingest manager setup will fail
-        '--xpack.ingestManager.epm.registryUrl=http://127.0.0.1:12345',
-      ],
-    },
-  };
-}
diff --git a/x-pack/test/functional_endpoint_ingest_failure/ftr_provider_context.d.ts b/x-pack/test/functional_endpoint_ingest_failure/ftr_provider_context.d.ts
deleted file mode 100644
index 0e4b47471d419..0000000000000
--- a/x-pack/test/functional_endpoint_ingest_failure/ftr_provider_context.d.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/*
- * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the Elastic License;
- * you may not use this file except in compliance with the Elastic License.
- */
-
-import { GenericFtrProviderContext } from '@kbn/test/types/ftr';
-
-import { pageObjects } from '../functional_endpoint/page_objects';
-import { services } from '../functional/services';
-
-export type FtrProviderContext = GenericFtrProviderContext<typeof services, typeof pageObjects>;
diff --git a/x-pack/test/plugin_functional/config.ts b/x-pack/test/plugin_functional/config.ts
index 9a0519960f850..d466137c40d48 100644
--- a/x-pack/test/plugin_functional/config.ts
+++ b/x-pack/test/plugin_functional/config.ts
@@ -16,7 +16,7 @@ import { pageObjects } from './page_objects';
 /* eslint-disable import/no-default-export */
 export default async function ({ readConfigFile }: FtrConfigProviderContext) {
   const xpackFunctionalConfig = await readConfigFile(
-    require.resolve('../functional_endpoint/config.ts')
+    require.resolve('../security_solution_endpoint/config.ts')
   );
 
   // Find all folders in ./plugins since we treat all them as plugin folder
diff --git a/x-pack/test/functional_endpoint/apps/endpoint/alerts.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/alerts.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/apps/endpoint/alerts.ts
rename to x-pack/test/security_solution_endpoint/apps/endpoint/alerts.ts
diff --git a/x-pack/test/functional_endpoint/apps/endpoint/endpoint_list.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/endpoint_list.ts
similarity index 97%
rename from x-pack/test/functional_endpoint/apps/endpoint/endpoint_list.ts
rename to x-pack/test/security_solution_endpoint/apps/endpoint/endpoint_list.ts
index c5338e2a35765..bbc78cf399f71 100644
--- a/x-pack/test/functional_endpoint/apps/endpoint/endpoint_list.ts
+++ b/x-pack/test/security_solution_endpoint/apps/endpoint/endpoint_list.ts
@@ -8,7 +8,7 @@ import expect from '@kbn/expect';
 import { FtrProviderContext } from '../../ftr_provider_context';
 
 export default ({ getPageObjects, getService }: FtrProviderContext) => {
-  const pageObjects = getPageObjects(['common', 'endpoint', 'header']);
+  const pageObjects = getPageObjects(['common', 'endpoint', 'header', 'endpointPageUtils']);
   const esArchiver = getService('esArchiver');
   const testSubjects = getService('testSubjects');
 
@@ -73,7 +73,7 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
           'Jan 24, 2020 @ 16:06:09.541',
         ],
       ];
-      const tableData = await pageObjects.endpoint.getEndpointAppTableData('hostListTable');
+      const tableData = await pageObjects.endpointPageUtils.tableData('hostListTable');
       expect(tableData).to.eql(expectedData);
     });
 
@@ -126,7 +126,7 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
       });
       it('displays no items found when empty', async () => {
         // get the endpoint list table data and verify message
-        const [, [noItemsFoundMessage]] = await pageObjects.endpoint.getEndpointAppTableData(
+        const [, [noItemsFoundMessage]] = await pageObjects.endpointPageUtils.tableData(
           'hostListTable'
         );
         expect(noItemsFoundMessage).to.equal('No items found');
diff --git a/x-pack/test/functional_endpoint/apps/endpoint/index.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/index.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/apps/endpoint/index.ts
rename to x-pack/test/security_solution_endpoint/apps/endpoint/index.ts
diff --git a/x-pack/test/functional_endpoint/apps/endpoint/policy_details.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/policy_details.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/apps/endpoint/policy_details.ts
rename to x-pack/test/security_solution_endpoint/apps/endpoint/policy_details.ts
diff --git a/x-pack/test/functional_endpoint/apps/endpoint/policy_list.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/policy_list.ts
similarity index 92%
rename from x-pack/test/functional_endpoint/apps/endpoint/policy_list.ts
rename to x-pack/test/security_solution_endpoint/apps/endpoint/policy_list.ts
index 9f87f884b327e..a5efd604d63ee 100644
--- a/x-pack/test/functional_endpoint/apps/endpoint/policy_list.ts
+++ b/x-pack/test/security_solution_endpoint/apps/endpoint/policy_list.ts
@@ -8,7 +8,7 @@ import { FtrProviderContext } from '../../ftr_provider_context';
 import { PolicyTestResourceInfo } from '../../services/endpoint_policy';
 
 export default function ({ getPageObjects, getService }: FtrProviderContext) {
-  const pageObjects = getPageObjects(['common', 'endpoint', 'policy']);
+  const pageObjects = getPageObjects(['common', 'endpoint', 'policy', 'endpointPageUtils']);
   const testSubjects = getService('testSubjects');
   const policyTestResources = getService('policyTestResources');
   const RELATIVE_DATE_FORMAT = /\d (?:seconds|minutes) ago/i;
@@ -31,7 +31,9 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
       expect(policyTotal).to.equal('0 Policies');
     });
     it('has correct table headers', async () => {
-      const allHeaderCells = await pageObjects.endpoint.tableHeaderVisibleText('policyTable');
+      const allHeaderCells = await pageObjects.endpointPageUtils.tableHeaderVisibleText(
+        'policyTable'
+      );
       expect(allHeaderCells).to.eql([
         'Policy Name',
         'Created By',
@@ -43,7 +45,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
       ]);
     });
     it('should show empty table results message', async () => {
-      const [, [noItemsFoundMessage]] = await pageObjects.endpoint.getEndpointAppTableData(
+      const [, [noItemsFoundMessage]] = await pageObjects.endpointPageUtils.tableData(
         'policyTable'
       );
       expect(noItemsFoundMessage).to.equal('No items found');
@@ -65,7 +67,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
       });
 
       it('should show policy on the list', async () => {
-        const [, policyRow] = await pageObjects.endpoint.getEndpointAppTableData('policyTable');
+        const [, policyRow] = await pageObjects.endpointPageUtils.tableData('policyTable');
         // Validate row data with the exception of the Date columns - since those are initially
         // shown as relative.
         expect([policyRow[0], policyRow[1], policyRow[3], policyRow[5], policyRow[6]]).to.eql([
diff --git a/x-pack/test/security_solution_endpoint/apps/endpoint/resolver.ts b/x-pack/test/security_solution_endpoint/apps/endpoint/resolver.ts
new file mode 100644
index 0000000000000..2641890b43703
--- /dev/null
+++ b/x-pack/test/security_solution_endpoint/apps/endpoint/resolver.ts
@@ -0,0 +1,259 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import expect from '@kbn/expect';
+import { FtrProviderContext } from '../../ftr_provider_context';
+
+export default function ({ getPageObjects, getService }: FtrProviderContext) {
+  const pageObjects = getPageObjects(['common', 'timePicker', 'endpointAlerts']);
+  const testSubjects = getService('testSubjects');
+  const esArchiver = getService('esArchiver');
+  const retry = getService('retry');
+  const browser = getService('browser');
+
+  describe('Endpoint Alert Resolver', function () {
+    this.tags(['ciGroup7']);
+    before(async () => {
+      const fromTime = 'Sep 22, 2019 @ 20:31:44.000';
+      const toTime = 'Now';
+      await esArchiver.load('endpoint/resolver_tree/api_feature');
+      await pageObjects.common.navigateToUrlWithBrowserHistory('endpoint', '/alerts');
+      await testSubjects.existOrFail('superDatePickerShowDatesButton', { timeout: 20000 });
+      await pageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
+      await testSubjects.existOrFail('alertListPage');
+      await testSubjects.click('alertTypeCellLink');
+      await testSubjects.existOrFail('alertDetailFlyout');
+      await testSubjects.click('overviewResolverTab');
+      await testSubjects.existOrFail('resolverEmbeddable', { timeout: 20000 });
+      await browser.setWindowSize(2400, 1800);
+    });
+
+    it('resolver column Process Name exits', async () => {
+      await testSubjects.existOrFail('tableHeaderCell_name_0');
+    });
+
+    it('resolver column Timestamp exits', async () => {
+      await testSubjects.existOrFail('tableHeaderCell_timestamp_1');
+    });
+
+    it('resolver Table and Node data same length', async () => {
+      let count = 1;
+      const tableData = await pageObjects.endpointAlerts.getEndpointAlertResolverTableData(
+        'resolverEmbeddable',
+        'tr'
+      );
+      await retry.try(async function () {
+        await testSubjects.click('zoom-out');
+        const Nodes = await testSubjects.findAll('resolverNode');
+        expect(tableData.length - 1).to.eql(Nodes.length);
+        count++;
+      });
+      for (let i = 0; i < count; i++) {
+        await testSubjects.click('zoom-in');
+      }
+    });
+
+    it('compare resolver Nodes and Table data', async () => {
+      const $: string[] = [];
+      const tableData = await pageObjects.endpointAlerts.getEndpointAlertResolverTableData(
+        'resolverEmbeddable',
+        'tr'
+      );
+      await testSubjects.click('zoom-out');
+      const Nodes = await testSubjects.findAll('euiButton__text');
+      for (const value of Nodes) {
+        $.push(await value._webElement.getText());
+      }
+      for (let i = 0; i < $.length; i++) {
+        expect(tableData[i + 1][0]).to.eql($[i]);
+      }
+      await testSubjects.click('zoom-in');
+    });
+
+    it('resolver Nodes navigation Up', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('north-button');
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 0; i < OriginalNodeDataStyle.length; i++) {
+        expect(parseFloat(OriginalNodeDataStyle[i].top)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].top)
+        );
+        expect(parseFloat(OriginalNodeDataStyle[i].left)).to.equal(
+          parseFloat(NewNodeDataStyle[i].left)
+        );
+      }
+      await testSubjects.click('center-button');
+    });
+
+    it('resolver Nodes navigation Down', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('south-button');
+
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 0; i < NewNodeDataStyle.length; i++) {
+        expect(parseFloat(NewNodeDataStyle[i].top)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+        expect(parseFloat(OriginalNodeDataStyle[i].left)).to.equal(
+          parseFloat(NewNodeDataStyle[i].left)
+        );
+      }
+      await testSubjects.click('center-button');
+    });
+
+    it('resolver Nodes navigation Right', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('west-button');
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 0; i < NewNodeDataStyle.length; i++) {
+        expect(parseFloat(OriginalNodeDataStyle[i].left)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].left)
+        );
+        expect(parseFloat(NewNodeDataStyle[i].top)).to.equal(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+      }
+      await testSubjects.click('center-button');
+    });
+
+    it('resolver Nodes navigation  Left', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('east-button');
+
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 0; i < OriginalNodeDataStyle.length; i++) {
+        expect(parseFloat(NewNodeDataStyle[i].left)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].left)
+        );
+        expect(parseFloat(NewNodeDataStyle[i].top)).to.equal(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+      }
+      await testSubjects.click('center-button');
+    });
+
+    it('resolver Nodes navigation Center', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('east-button');
+      await testSubjects.click('south-button');
+
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 0; i < NewNodeDataStyle.length; i++) {
+        expect(parseFloat(NewNodeDataStyle[i].left)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].left)
+        );
+        expect(parseFloat(NewNodeDataStyle[i].top)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+      }
+      await (await testSubjects.find('center-button')).click();
+      const CenterNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+
+      for (let i = 0; i < CenterNodeDataStyle.length; i++) {
+        expect(parseFloat(CenterNodeDataStyle[i].left)).to.equal(
+          parseFloat(OriginalNodeDataStyle[i].left)
+        );
+        expect(parseFloat(CenterNodeDataStyle[i].top)).to.equal(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+      }
+    });
+
+    it('resolver Nodes navigation zoom in', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('zoom-in');
+      const NewNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 1; i < NewNodeDataStyle.length; i++) {
+        expect(parseFloat(OriginalNodeDataStyle[i].left)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].left)
+        );
+        expect(parseFloat(OriginalNodeDataStyle[i].top)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].top)
+        );
+        expect(parseFloat(OriginalNodeDataStyle[i].width)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].width)
+        );
+        expect(parseFloat(OriginalNodeDataStyle[i].height)).to.lessThan(
+          parseFloat(NewNodeDataStyle[i].height)
+        );
+        await testSubjects.click('zoom-out');
+      }
+    });
+
+    it('resolver Nodes navigation zoom out', async () => {
+      const OriginalNodeDataStyle = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      await testSubjects.click('zoom-out');
+      const NewNodeDataStyle1 = await pageObjects.endpointAlerts.parseStyles(
+        'resolverNode',
+        'style'
+      );
+      for (let i = 1; i < OriginalNodeDataStyle.length; i++) {
+        expect(parseFloat(NewNodeDataStyle1[i].left)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].left)
+        );
+        expect(parseFloat(NewNodeDataStyle1[i].top)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].top)
+        );
+        expect(parseFloat(NewNodeDataStyle1[i].width)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].width)
+        );
+        expect(parseFloat(NewNodeDataStyle1[i].height)).to.lessThan(
+          parseFloat(OriginalNodeDataStyle[i].height)
+        );
+      }
+      await testSubjects.click('zoom-in');
+    });
+
+    after(async () => {
+      await browser.setWindowSize(1600, 1000);
+      await testSubjects.click('euiFlyoutCloseButton');
+      await pageObjects.common.sleep(2000);
+      await esArchiver.unload('endpoint/resolver_tree/api_feature');
+    });
+  });
+}
diff --git a/x-pack/test/functional_endpoint/config.ts b/x-pack/test/security_solution_endpoint/config.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/config.ts
rename to x-pack/test/security_solution_endpoint/config.ts
diff --git a/x-pack/test/functional_endpoint/ftr_provider_context.d.ts b/x-pack/test/security_solution_endpoint/ftr_provider_context.d.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/ftr_provider_context.d.ts
rename to x-pack/test/security_solution_endpoint/ftr_provider_context.d.ts
diff --git a/x-pack/test/security_solution_endpoint/page_objects/endpoint_alerts_page.ts b/x-pack/test/security_solution_endpoint/page_objects/endpoint_alerts_page.ts
new file mode 100644
index 0000000000000..ffe416abbdd16
--- /dev/null
+++ b/x-pack/test/security_solution_endpoint/page_objects/endpoint_alerts_page.ts
@@ -0,0 +1,120 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { FtrProviderContext } from '../ftr_provider_context';
+import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+
+export function EndpointAlertsPageProvider({ getService }: FtrProviderContext) {
+  const testSubjects = getService('testSubjects');
+  const retry = getService('retry');
+
+  /**
+   * @function parseStyles
+   * Parses a string of inline styles into a javascript object with casing for react
+   *
+   * @param {string} styles
+   * @returns {Object}
+   */
+  const parseStyle = (styles: any) =>
+    styles
+      .split(';')
+      .filter((style: any) => style.split(':')[0] && style.split(':')[1])
+      .map((style: any) => [
+        style
+          .split(':')[0]
+          .trim()
+          .replace(/-./g, (c: any) => c.substr(1).toUpperCase()),
+        style.split(':').slice(1).join(':').trim(),
+      ])
+      .reduce(
+        (styleObj: any, style: any) => ({
+          ...styleObj,
+          [style[0]]: style[1],
+        }),
+        {}
+      );
+
+  return {
+    async enterSearchBarQuery(query: string) {
+      return await testSubjects.setValue('alertsSearchBar', query, { clearWithKeyboard: true });
+    },
+    async submitSearchBarFilter() {
+      return testSubjects.click('querySubmitButton');
+    },
+    async setSearchBarDate(timestamp: string) {
+      await testSubjects.click('superDatePickerShowDatesButton');
+      await testSubjects.click('superDatePickerstartDatePopoverButton');
+      await testSubjects.click('superDatePickerAbsoluteTab');
+      await testSubjects.setValue('superDatePickerAbsoluteDateInput', timestamp);
+      await this.submitSearchBarFilter();
+    },
+    /**
+     * Finds a table and returns the data in a nested array with row 0 is the headers if they exist.
+     * It uses euiTableCellContent to avoid poluting the array data with the euiTableRowCell__mobileHeader data.
+     * @param dataTestSubj
+     * @param element
+     * @returns Promise<string[][]>
+     */
+    async getEndpointAlertResolverTableData(dataTestSubj: string, element: string) {
+      await testSubjects.exists(dataTestSubj);
+      const hostTable: WebElementWrapper = await testSubjects.find(dataTestSubj);
+      const $ = await hostTable.parseDomContent();
+      return $(element)
+        .toArray()
+        .map((row) =>
+          $(row)
+            .find('.euiTableCellContent')
+            .toArray()
+            .map((cell) =>
+              $(cell)
+                .text()
+                .replace(/&nbsp;/g, '')
+                .trim()
+            )
+        );
+    },
+    /**
+     * Finds a nodes and returns the data in a nested array of nodes.
+     * @param dataTestSubj
+     * @param element
+     * @returns Promise<string[][]>
+     */
+    async getEndpointAlertResolverNodeData(dataTestSubj: string, element: string) {
+      await testSubjects.exists(dataTestSubj);
+      const Elements = await testSubjects.findAll(dataTestSubj);
+      const $ = [];
+      for (const value of Elements) {
+        $.push(await value.getAttribute(element));
+      }
+      return $;
+    },
+    /**
+     * Gets a array of not parsed styles and returns the Array of parsed styles.
+     * @returns Promise<string[][]>
+     * @param dataTestSubj
+     * @param element
+     */
+    async parseStyles(dataTestSubj: string, element: string) {
+      const tableData = await this.getEndpointAlertResolverNodeData(dataTestSubj, element);
+      const $ = [];
+      for (let i = 1; i < tableData.length; i++) {
+        const eachStyle = parseStyle(tableData[i]);
+        $.push(eachStyle);
+      }
+      return $;
+    },
+
+    async waitForTableToHaveData(dataTestSubj: string) {
+      await retry.waitForWithTimeout('table to have data', 2000, async () => {
+        const tableData = await this.getEndpointAlertResolverTableData(dataTestSubj, 'tr');
+        if (tableData[1][0] === 'No items found') {
+          return false;
+        }
+        return true;
+      });
+    },
+  };
+}
diff --git a/x-pack/test/functional_endpoint/page_objects/endpoint_page.ts b/x-pack/test/security_solution_endpoint/page_objects/endpoint_page.ts
similarity index 61%
rename from x-pack/test/functional_endpoint/page_objects/endpoint_page.ts
rename to x-pack/test/security_solution_endpoint/page_objects/endpoint_page.ts
index 3234169e7265e..0f1c9527b717b 100644
--- a/x-pack/test/functional_endpoint/page_objects/endpoint_page.ts
+++ b/x-pack/test/security_solution_endpoint/page_objects/endpoint_page.ts
@@ -9,7 +9,7 @@ import { FtrProviderContext } from '../ftr_provider_context';
 
 export function EndpointPageProvider({ getService, getPageObjects }: FtrProviderContext) {
   const testSubjects = getService('testSubjects');
-  const pageObjects = getPageObjects(['common', 'header']);
+  const pageObjects = getPageObjects(['common', 'header', 'endpointPageUtils']);
   const retry = getService('retry');
 
   return {
@@ -23,53 +23,9 @@ export function EndpointPageProvider({ getService, getPageObjects }: FtrProvider
       await pageObjects.header.waitUntilLoadingHasFinished();
     },
 
-    /**
-     * Finds the Table with the given `selector` (test subject) and returns
-     * back an array containing the table's header column text
-     *
-     * @param selector
-     * @returns Promise<string[]>
-     */
-    async tableHeaderVisibleText(selector: string) {
-      const $ = await (await testSubjects.find('policyTable')).parseDomContent();
-      return $('thead tr th')
-        .toArray()
-        .map((th) =>
-          $(th)
-            .text()
-            .replace(/&nbsp;/g, '')
-            .trim()
-        );
-    },
-
-    /**
-     * Finds a table and returns the data in a nested array with row 0 is the headers if they exist.
-     * It uses euiTableCellContent to avoid poluting the array data with the euiTableRowCell__mobileHeader data.
-     * @param dataTestSubj
-     * @returns Promise<string[][]>
-     */
-    async getEndpointAppTableData(dataTestSubj: string) {
-      await testSubjects.exists(dataTestSubj);
-      const hostTable: WebElementWrapper = await testSubjects.find(dataTestSubj);
-      const $ = await hostTable.parseDomContent();
-      return $('tr')
-        .toArray()
-        .map((row) =>
-          $(row)
-            .find('.euiTableCellContent')
-            .toArray()
-            .map((cell) =>
-              $(cell)
-                .text()
-                .replace(/&nbsp;/g, '')
-                .trim()
-            )
-        );
-    },
-
     async waitForTableToHaveData(dataTestSubj: string) {
       await retry.waitForWithTimeout('table to have data', 2000, async () => {
-        const tableData = await this.getEndpointAppTableData(dataTestSubj);
+        const tableData = await pageObjects.endpointPageUtils.tableData(dataTestSubj);
         if (tableData[1][0] === 'No items found') {
           return false;
         }
diff --git a/x-pack/test/functional_endpoint/page_objects/index.ts b/x-pack/test/security_solution_endpoint/page_objects/index.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/page_objects/index.ts
rename to x-pack/test/security_solution_endpoint/page_objects/index.ts
diff --git a/x-pack/test/security_solution_endpoint/page_objects/page_utils.ts b/x-pack/test/security_solution_endpoint/page_objects/page_utils.ts
new file mode 100644
index 0000000000000..810bddc6a48c4
--- /dev/null
+++ b/x-pack/test/security_solution_endpoint/page_objects/page_utils.ts
@@ -0,0 +1,76 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { FtrProviderContext } from '../ftr_provider_context';
+import { WebElementWrapper } from '../../../../test/functional/services/lib/web_element_wrapper';
+
+export function EndpointPageUtils({ getService }: FtrProviderContext) {
+  const testSubjects = getService('testSubjects');
+  const find = getService('find');
+
+  return {
+    /**
+     * Finds a given EuiCheckbox by test subject and clicks on it
+     *
+     * @param euiCheckBoxTestId
+     */
+    async clickOnEuiCheckbox(euiCheckBoxTestId: string) {
+      // This utility is needed because EuiCheckbox forwards the test subject on to
+      // the actual `<input>` which is not actually visible/accessible on the page.
+      // In order to actually cause the state of the checkbox to change, the `<label>`
+      // must be clicked.
+      const euiCheckboxLabelElement = await find.byXPath(
+        `//input[@data-test-subj='${euiCheckBoxTestId}']/../label`
+      );
+
+      await euiCheckboxLabelElement.click();
+    },
+
+    /**
+     * Finds the Table with the given `selector` (test subject) and returns
+     * back an array containing the table's header column text
+     *
+     * @param selector
+     * @returns Promise<string[]>
+     */
+    async tableHeaderVisibleText(selector: string) {
+      const $ = await (await testSubjects.find(selector)).parseDomContent();
+      return $('thead tr th')
+        .toArray()
+        .map((th) =>
+          $(th)
+            .text()
+            .replace(/&nbsp;/g, '')
+            .trim()
+        );
+    },
+
+    /**
+     * Finds a table and returns the data in a nested array with row 0 is the headers if they exist.
+     * It uses euiTableCellContent to avoid poluting the array data with the euiTableRowCell__mobileHeader data.
+     * @param dataTestSubj
+     * @returns Promise<string[][]>
+     */
+    async tableData(dataTestSubj: string) {
+      await testSubjects.exists(dataTestSubj);
+      const hostTable: WebElementWrapper = await testSubjects.find(dataTestSubj);
+      const $ = await hostTable.parseDomContent();
+      return $('tr')
+        .toArray()
+        .map((row) =>
+          $(row)
+            .find('.euiTableCellContent')
+            .toArray()
+            .map((cell) =>
+              $(cell)
+                .text()
+                .replace(/&nbsp;/g, '')
+                .trim()
+            )
+        );
+    },
+  };
+}
diff --git a/x-pack/test/functional_endpoint/page_objects/policy_page.ts b/x-pack/test/security_solution_endpoint/page_objects/policy_page.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/page_objects/policy_page.ts
rename to x-pack/test/security_solution_endpoint/page_objects/policy_page.ts
diff --git a/x-pack/test/functional_endpoint/services/endpoint_policy.ts b/x-pack/test/security_solution_endpoint/services/endpoint_policy.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/services/endpoint_policy.ts
rename to x-pack/test/security_solution_endpoint/services/endpoint_policy.ts
diff --git a/x-pack/test/functional_endpoint/services/index.ts b/x-pack/test/security_solution_endpoint/services/index.ts
similarity index 100%
rename from x-pack/test/functional_endpoint/services/index.ts
rename to x-pack/test/security_solution_endpoint/services/index.ts