From c7f61f956a581bf39be01f9e0c263577c2165b6b Mon Sep 17 00:00:00 2001
From: Shahzad <shahzad.muhammad@elastic.co>
Date: Mon, 13 Apr 2020 13:49:46 +0200
Subject: [PATCH] [Uptime] Update Ml functional test (#62562)

* update test

* added test

* updated type

* updated test

* updated test

* update test

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
---
 .../connected/empty_state/empty_state.tsx     |  6 +-
 .../confirm_delete.test.tsx.snap              |  2 +
 .../__snapshots__/license_info.test.tsx.snap  |  2 +
 .../__snapshots__/ml_flyout.test.tsx.snap     |  5 ++
 .../ml_integerations.test.tsx.snap            |  1 +
 .../__snapshots__/ml_manage_job.test.tsx.snap |  1 +
 .../monitor_details/ml/confirm_delete.tsx     |  1 +
 .../monitor_details/ml/license_info.tsx       |  1 +
 .../monitor_details/ml/manage_ml_job.tsx      |  8 ++-
 .../monitor_details/ml/ml_flyout.tsx          |  3 +-
 .../ml/ml_flyout_container.tsx                |  6 +-
 .../monitor_details/ml/ml_integeration.tsx    |  2 +-
 .../plugins/uptime/public/pages/settings.tsx  |  2 +-
 x-pack/test/functional/apps/uptime/index.ts   |  5 +-
 .../test/functional/apps/uptime/ml_anomaly.ts | 51 ++++++++++++++++
 x-pack/test/functional/apps/uptime/monitor.ts |  7 +--
 .../test/functional/apps/uptime/overview.ts   | 24 ++++----
 .../functional/page_objects/uptime_page.ts    | 39 ++++++------
 .../test/functional/services/uptime/common.ts | 15 +++++
 .../functional/services/uptime/ml_anomaly.ts  | 59 +++++++++++++++++++
 .../functional/services/uptime/navigation.ts  | 52 +++++++++++-----
 .../test/functional/services/uptime/uptime.ts |  3 +
 22 files changed, 235 insertions(+), 60 deletions(-)
 create mode 100644 x-pack/test/functional/apps/uptime/ml_anomaly.ts
 create mode 100644 x-pack/test/functional/services/uptime/ml_anomaly.ts

diff --git a/x-pack/legacy/plugins/uptime/public/components/connected/empty_state/empty_state.tsx b/x-pack/legacy/plugins/uptime/public/components/connected/empty_state/empty_state.tsx
index b383a696095a32..55c92e70b6066d 100644
--- a/x-pack/legacy/plugins/uptime/public/components/connected/empty_state/empty_state.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/connected/empty_state/empty_state.tsx
@@ -4,20 +4,22 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import React, { useEffect } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { indexStatusAction } from '../../../state/actions';
 import { indexStatusSelector } from '../../../state/selectors';
 import { EmptyStateComponent } from '../../functional/empty_state/empty_state';
+import { UptimeRefreshContext } from '../../../contexts';
 
 export const EmptyState: React.FC = ({ children }) => {
   const { data, loading, error } = useSelector(indexStatusSelector);
+  const { lastRefresh } = useContext(UptimeRefreshContext);
 
   const dispatch = useDispatch();
 
   useEffect(() => {
     dispatch(indexStatusAction.get());
-  }, [dispatch]);
+  }, [dispatch, lastRefresh]);
 
   return (
     <EmptyStateComponent
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/confirm_delete.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/confirm_delete.test.tsx.snap
index 24ef7eda0d1294..d83e45fea1aece 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/confirm_delete.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/confirm_delete.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`ML Confirm Job Delete shallow renders without errors 1`] = `
     buttonColor="danger"
     cancelButtonText="Cancel"
     confirmButtonText="Delete"
+    data-test-subj="uptimeMLJobDeleteConfirmModel"
     defaultFocusedButton="confirm"
     onCancel={[MockFunction]}
     onConfirm={[MockFunction]}
@@ -35,6 +36,7 @@ exports[`ML Confirm Job Delete shallow renders without errors while loading 1`]
     buttonColor="danger"
     cancelButtonText="Cancel"
     confirmButtonText="Delete"
+    data-test-subj="uptimeMLJobDeleteConfirmModel"
     defaultFocusedButton="confirm"
     onCancel={[MockFunction]}
     onConfirm={[MockFunction]}
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/license_info.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/license_info.test.tsx.snap
index 2457488c4facc8..fb40a42e47f758 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/license_info.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/license_info.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`ShowLicenseInfo renders without errors 1`] = `
 Array [
   <div
     class="euiCallOut euiCallOut--primary license-info-trial"
+    data-test-subj="uptimeMLLicenseInfo"
   >
     <div
       class="euiCallOutHeader"
@@ -54,6 +55,7 @@ exports[`ShowLicenseInfo shallow renders without errors 1`] = `
   <EuiCallOut
     className="license-info-trial"
     color="primary"
+    data-test-subj="uptimeMLLicenseInfo"
     iconType="help"
     title="Start free 14-day trial"
   >
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_flyout.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_flyout.test.tsx.snap
index ead27425c26f3b..a83a1d99d7bb0c 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_flyout.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_flyout.test.tsx.snap
@@ -3,6 +3,7 @@
 exports[`ML Flyout component renders without errors 1`] = `
 <EuiFlyout
   closeButtonAriaLabel="Closes this dialog"
+  data-test-subj="uptimeMLFlyout"
   hideCloseButton={false}
   maxWidth={false}
   onClose={[Function]}
@@ -69,6 +70,7 @@ exports[`ML Flyout component renders without errors 1`] = `
         grow={false}
       >
         <EuiButton
+          data-test-subj="uptimeMLCreateJobBtn"
           disabled={true}
           fill={true}
           isLoading={false}
@@ -99,6 +101,7 @@ exports[`ML Flyout component shows license info if no ml available 1`] = `
   >
     <div
       class="euiFlyout euiFlyout--small"
+      data-test-subj="uptimeMLFlyout"
       role="dialog"
       tabindex="0"
     >
@@ -137,6 +140,7 @@ exports[`ML Flyout component shows license info if no ml available 1`] = `
           >
             <div
               class="euiCallOut euiCallOut--primary license-info-trial"
+              data-test-subj="uptimeMLLicenseInfo"
             >
               <div
                 class="euiCallOutHeader"
@@ -240,6 +244,7 @@ exports[`ML Flyout component shows license info if no ml available 1`] = `
           >
             <button
               class="euiButton euiButton--primary euiButton--fill"
+              data-test-subj="uptimeMLCreateJobBtn"
               disabled=""
               type="button"
             >
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_integerations.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_integerations.test.tsx.snap
index ac4630f4e69a82..fa9b59e13c34ec 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_integerations.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_integerations.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`ML Integrations renders without errors 1`] = `
   >
     <button
       class="euiButtonEmpty euiButtonEmpty--primary"
+      data-test-subj="uptimeEnableAnomalyBtn"
       type="button"
     >
       <span
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_manage_job.test.tsx.snap b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_manage_job.test.tsx.snap
index 6eb2930c4875a0..91bd9fa3d86b55 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_manage_job.test.tsx.snap
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/__tests__/__snapshots__/ml_manage_job.test.tsx.snap
@@ -9,6 +9,7 @@ exports[`Manage ML Job renders without errors 1`] = `
   >
     <button
       class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--iconRight"
+      data-test-subj="uptimeManageMLJobBtn"
       type="button"
     >
       <span
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/confirm_delete.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/confirm_delete.tsx
index 6754676765fb6e..628f943ef2e08f 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/confirm_delete.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/confirm_delete.tsx
@@ -25,6 +25,7 @@ export const ConfirmJobDeletion: React.FC<Props> = ({ loading, onConfirm, onCanc
         confirmButtonText="Delete"
         buttonColor="danger"
         defaultFocusedButton="confirm"
+        data-test-subj="uptimeMLJobDeleteConfirmModel"
       >
         {!loading ? (
           <p>
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/license_info.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/license_info.tsx
index 92badb4043ed62..fae81177a728c6 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/license_info.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/license_info.tsx
@@ -13,6 +13,7 @@ export const ShowLicenseInfo = () => {
   return (
     <>
       <EuiCallOut
+        data-test-subj="uptimeMLLicenseInfo"
         className="license-info-trial"
         title={labels.START_TRAIL}
         color="primary"
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/manage_ml_job.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/manage_ml_job.tsx
index 1abda87abf73ac..ec3e8bb2b9f68d 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/manage_ml_job.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/manage_ml_job.tsx
@@ -34,6 +34,7 @@ export const ManageMLJobComponent = ({ hasMLJob, onEnableJob, onJobDelete }: Pro
 
   const button = (
     <EuiButtonEmpty
+      data-test-subj={hasMLJob ? 'uptimeManageMLJobBtn' : 'uptimeEnableAnomalyBtn'}
       iconType={hasMLJob ? 'arrowDown' : 'machineLearningApp'}
       iconSide={hasMLJob ? 'right' : 'left'}
       onClick={hasMLJob ? () => setIsPopOverOpen(true) : onEnableJob}
@@ -60,6 +61,7 @@ export const ManageMLJobComponent = ({ hasMLJob, onEnableJob, onJobDelete }: Pro
         },
         {
           name: labels.DISABLE_ANOMALY_DETECTION,
+          'data-test-subj': 'uptimeDeleteMLJobBtn',
           icon: <EuiIcon type="trash" size="m" />,
           onClick: () => {
             setIsPopOverOpen(false);
@@ -72,7 +74,11 @@ export const ManageMLJobComponent = ({ hasMLJob, onEnableJob, onJobDelete }: Pro
 
   return (
     <EuiPopover button={button} isOpen={isPopOverOpen} closePopover={() => setIsPopOverOpen(false)}>
-      <EuiContextMenu initialPanelId={0} panels={panels} />
+      <EuiContextMenu
+        initialPanelId={0}
+        panels={panels}
+        data-test-subj="uptimeManageMLContextMenu"
+      />
     </EuiPopover>
   );
 };
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout.tsx
index fdecfbf20810c9..8c3f814e841f7a 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout.tsx
@@ -39,7 +39,7 @@ export function MLFlyoutView({ isCreatingJob, onClickCreate, onClose, canCreateM
   const hasPlatinumLicense = license?.getFeature('ml')?.isAvailable;
 
   return (
-    <EuiFlyout onClose={onClose} size="s">
+    <EuiFlyout onClose={onClose} size="s" data-test-subj="uptimeMLFlyout">
       <EuiFlyoutHeader>
         <EuiTitle>
           <h2>{labels.ENABLE_ANOMALY_DETECTION}</h2>
@@ -76,6 +76,7 @@ export function MLFlyoutView({ isCreatingJob, onClickCreate, onClose, canCreateM
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
             <EuiButton
+              data-test-subj="uptimeMLCreateJobBtn"
               onClick={() => onClickCreate()}
               fill
               isLoading={isCreatingJob}
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout_container.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout_container.tsx
index 6953618d922134..a13de192cc4437 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout_container.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_flyout_container.tsx
@@ -41,7 +41,9 @@ const showMLJobNotification = (
 ) => {
   if (success) {
     notifications.toasts.success({
-      title: <p>{labels.JOB_CREATED_SUCCESS_TITLE}</p>,
+      title: (
+        <p data-test-subj="uptimeMLJobSuccessfullyCreated">{labels.JOB_CREATED_SUCCESS_TITLE}</p>
+      ),
       body: (
         <p>
           {labels.JOB_CREATED_SUCCESS_MESSAGE}
@@ -54,7 +56,7 @@ const showMLJobNotification = (
     });
   } else {
     notifications.toasts.danger({
-      title: <p>{labels.JOB_CREATION_FAILED}</p>,
+      title: <p data-test-subj="uptimeMLJobCreationFailed">{labels.JOB_CREATION_FAILED}</p>,
       body: message ?? <p>{labels.JOB_CREATION_FAILED_MESSAGE}</p>,
       toastLifeTimeMs: 10000,
     });
diff --git a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_integeration.tsx b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_integeration.tsx
index e65a2510ea6f26..e053ca733cb8c3 100644
--- a/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_integeration.tsx
+++ b/x-pack/legacy/plugins/uptime/public/components/monitor_details/ml/ml_integeration.tsx
@@ -57,7 +57,7 @@ export const MLIntegrationComponent = () => {
     if (isConfirmDeleteJobOpen && jobDeletionSuccess?.[getMLJobId(monitorId as string)]?.deleted) {
       setIsConfirmDeleteJobOpen(false);
       notifications.toasts.success({
-        title: <p>{labels.JOB_DELETION}</p>,
+        title: <p data-test-subj="uptimeMLJobSuccessfullyDeleted">{labels.JOB_DELETION}</p>,
         body: <p>{labels.JOB_DELETION_SUCCESS}</p>,
         toastLifeTimeMs: 3000,
       });
diff --git a/x-pack/legacy/plugins/uptime/public/pages/settings.tsx b/x-pack/legacy/plugins/uptime/public/pages/settings.tsx
index d3e17a15ee0e02..765b0e3c664bc0 100644
--- a/x-pack/legacy/plugins/uptime/public/pages/settings.tsx
+++ b/x-pack/legacy/plugins/uptime/public/pages/settings.tsx
@@ -112,7 +112,7 @@ export const SettingsPageComponent = ({
 
   return (
     <>
-      <Link to={OVERVIEW_ROUTE}>
+      <Link to={OVERVIEW_ROUTE} data-test-subj="uptimeSettingsToOverviewLink">
         <EuiButtonEmpty size="s" color="primary" iconType="arrowLeft">
           {i18n.translate('xpack.uptime.settings.returnToOverviewLinkLabel', {
             defaultMessage: 'Return to overview',
diff --git a/x-pack/test/functional/apps/uptime/index.ts b/x-pack/test/functional/apps/uptime/index.ts
index 3789351263b988..f47214dc2ad2f8 100644
--- a/x-pack/test/functional/apps/uptime/index.ts
+++ b/x-pack/test/functional/apps/uptime/index.ts
@@ -16,6 +16,7 @@ export default ({ loadTestFile, getService }: FtrProviderContext) => {
   const esArchiver = getService('esArchiver');
   const kibanaServer = getService('kibanaServer');
   const server = getService('kibanaServer');
+  const uptime = getService('uptime');
 
   describe('Uptime app', function() {
     this.tags('ciGroup6');
@@ -58,12 +59,14 @@ export default ({ loadTestFile, getService }: FtrProviderContext) => {
         await esArchiver.unload(ARCHIVE);
         await esArchiver.load(ARCHIVE);
         await kibanaServer.uiSettings.replace({ 'dateFormat:tz': 'UTC' });
+        await uptime.navigation.goToUptime();
       });
       after(async () => await esArchiver.unload(ARCHIVE));
 
-      loadTestFile(require.resolve('./feature_controls'));
       loadTestFile(require.resolve('./overview'));
       loadTestFile(require.resolve('./monitor'));
+      loadTestFile(require.resolve('./ml_anomaly'));
+      loadTestFile(require.resolve('./feature_controls'));
     });
   });
 };
diff --git a/x-pack/test/functional/apps/uptime/ml_anomaly.ts b/x-pack/test/functional/apps/uptime/ml_anomaly.ts
new file mode 100644
index 00000000000000..bcd165cc1afb78
--- /dev/null
+++ b/x-pack/test/functional/apps/uptime/ml_anomaly.ts
@@ -0,0 +1,51 @@
+/*
+ * 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 ({ getService }: FtrProviderContext) => {
+  const uptime = getService('uptime');
+  const log = getService('log');
+
+  describe('uptime ml anomaly', function() {
+    this.tags(['skipFirefox']);
+    const dateStart = 'Sep 10, 2019 @ 12:40:08.078';
+    const dateEnd = 'Sep 11, 2019 @ 19:40:08.078';
+    const monitorId = '0000-intermittent';
+
+    before(async () => {
+      if (!(await uptime.navigation.checkIfOnMonitorPage(monitorId))) {
+        await uptime.navigation.loadDataAndGoToMonitorPage(dateStart, dateEnd, monitorId);
+      }
+      if (await uptime.ml.alreadyHasJob()) {
+        log.info('Jon already exists so lets delete it to start fresh.');
+        await uptime.ml.deleteMLJob();
+      }
+    });
+
+    it('can open ml flyout', async () => {
+      await uptime.ml.openMLFlyout();
+    });
+
+    it('has permission to  create job', async () => {
+      expect(uptime.ml.canCreateJob()).to.eql(true);
+      expect(uptime.ml.hasNoLicenseInfo()).to.eql(false);
+    });
+
+    it('can create job successfully', async () => {
+      await uptime.ml.createMLJob();
+      // await uptime.navigation.refreshApp();
+    });
+
+    it('can open ML Manage Menu', async () => {
+      await uptime.ml.openMLManageMenu();
+    });
+
+    it('can delete job successfully', async () => {
+      await uptime.ml.deleteMLJob();
+    });
+  });
+};
diff --git a/x-pack/test/functional/apps/uptime/monitor.ts b/x-pack/test/functional/apps/uptime/monitor.ts
index e15750eb6157b5..90ad1836c69d31 100644
--- a/x-pack/test/functional/apps/uptime/monitor.ts
+++ b/x-pack/test/functional/apps/uptime/monitor.ts
@@ -17,19 +17,14 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
     const dateStart = 'Sep 10, 2019 @ 12:40:08.078';
     const dateEnd = 'Sep 11, 2019 @ 19:40:08.078';
     const monitorId = '0000-intermittent';
-    const monitorName = '0000-intermittent';
 
     before(async () => {
       await esArchiver.loadIfNeeded(archive);
       await uptimeService.navigation.goToUptime();
     });
 
-    after(async () => {
-      await esArchiver.unload(archive);
-    });
-
     it('loads and displays uptime data based on date range', async () => {
-      await uptime.loadDataAndGoToMonitorPage(dateStart, dateEnd, monitorId, monitorName);
+      await uptime.loadDataAndGoToMonitorPage(dateStart, dateEnd, monitorId);
     });
   });
 };
diff --git a/x-pack/test/functional/apps/uptime/overview.ts b/x-pack/test/functional/apps/uptime/overview.ts
index 8195e6bbb60356..d0dfca64634f6f 100644
--- a/x-pack/test/functional/apps/uptime/overview.ts
+++ b/x-pack/test/functional/apps/uptime/overview.ts
@@ -14,6 +14,13 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
   describe('overview page', function() {
     const DEFAULT_DATE_START = 'Sep 10, 2019 @ 12:40:08.078';
     const DEFAULT_DATE_END = 'Sep 11, 2019 @ 19:40:08.078';
+
+    beforeEach(async () => {
+      await uptime.goToRoot();
+      await uptime.setDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
+      await uptime.resetFilters();
+    });
+
     it('loads and displays uptime data based on date range', async () => {
       await uptime.goToUptimeOverviewAndLoadData(
         DEFAULT_DATE_START,
@@ -22,13 +29,7 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
       );
     });
 
-    it('runs filter query without issues', async () => {
-      await uptime.inputFilterQuery('monitor.status:up and monitor.id:"0000-intermittent"');
-      await uptime.pageHasExpectedIds(['0000-intermittent']);
-    });
-
     it('applies filters for multiple fields', async () => {
-      await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
       await uptime.selectFilterItems({
         location: ['mpls'],
         port: ['5678'],
@@ -49,7 +50,6 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
     });
 
     it('pagination is cleared when filter criteria changes', async () => {
-      await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
       await uptime.changePage('next');
       await uptime.pageHasExpectedIds([
         '0010-down',
@@ -83,7 +83,6 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
     });
 
     it('clears pagination parameters when size changes', async () => {
-      await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
       await uptime.changePage('next');
       await uptime.pageUrlContains('pagination');
       await uptime.setMonitorListPageSize(50);
@@ -92,7 +91,6 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
     });
 
     it('pagination size updates to reflect current selection', async () => {
-      await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
       await uptime.pageHasExpectedIds([
         '0000-intermittent',
         '0001-up',
@@ -162,7 +160,6 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
 
     describe('snapshot counts', () => {
       it('updates the snapshot count when status filter is set to down', async () => {
-        await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
         await uptime.setStatusFilter('down');
 
         await retry.tryForTime(12000, async () => {
@@ -172,13 +169,18 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
       });
 
       it('updates the snapshot count when status filter is set to up', async () => {
-        await uptime.goToUptimePageAndSetDateRange(DEFAULT_DATE_START, DEFAULT_DATE_END);
         await uptime.setStatusFilter('up');
         await retry.tryForTime(12000, async () => {
           const counts = await uptime.getSnapshotCount();
           expect(counts).to.eql({ up: '93', down: '0' });
         });
       });
+
+      it('runs filter query without issues', async () => {
+        await uptime.inputFilterQuery('monitor.status:up and monitor.id:"0000-intermittent"');
+        await uptime.pageHasExpectedIds(['0000-intermittent']);
+        await uptime.resetFilters();
+      });
     });
   });
 };
diff --git a/x-pack/test/functional/page_objects/uptime_page.ts b/x-pack/test/functional/page_objects/uptime_page.ts
index 39c3c46adddbba..7157bbfb3811b4 100644
--- a/x-pack/test/functional/page_objects/uptime_page.ts
+++ b/x-pack/test/functional/page_objects/uptime_page.ts
@@ -14,37 +14,33 @@ export function UptimePageProvider({ getPageObjects, getService }: FtrProviderCo
 
   return new (class UptimePage {
     public async goToRoot() {
-      await pageObjects.common.navigateToApp('uptime');
+      await navigation.goToUptime();
     }
 
-    public async goToUptimePageAndSetDateRange(
-      datePickerStartValue: string,
-      datePickerEndValue: string
-    ) {
-      await pageObjects.common.navigateToApp('uptime');
-      await pageObjects.timePicker.setAbsoluteRange(datePickerStartValue, datePickerEndValue);
+    public async setDateRange(start: string, end: string) {
+      const { start: prevStart, end: prevEnd } = await pageObjects.timePicker.getTimeConfig();
+      if (start !== prevStart || prevEnd !== end) {
+        await pageObjects.timePicker.setAbsoluteRange(start, end);
+      } else {
+        await navigation.refreshApp();
+      }
     }
 
     public async goToUptimeOverviewAndLoadData(
-      datePickerStartValue: string,
-      datePickerEndValue: string,
+      dateStart: string,
+      dateEnd: string,
       monitorIdToCheck?: string
     ) {
-      await pageObjects.common.navigateToApp('uptime');
-      await pageObjects.timePicker.setAbsoluteRange(datePickerStartValue, datePickerEndValue);
+      await navigation.goToUptime();
+      await this.setDateRange(dateStart, dateEnd);
       if (monitorIdToCheck) {
         await commonService.monitorIdExists(monitorIdToCheck);
       }
     }
 
-    public async loadDataAndGoToMonitorPage(
-      datePickerStartValue: string,
-      datePickerEndValue: string,
-      monitorId: string,
-      monitorName?: string
-    ) {
-      await pageObjects.timePicker.setAbsoluteRange(datePickerStartValue, datePickerEndValue);
-      await navigation.goToMonitor(monitorId, monitorName);
+    public async loadDataAndGoToMonitorPage(dateStart: string, dateEnd: string, monitorId: string) {
+      await this.setDateRange(dateStart, dateEnd);
+      await navigation.goToMonitor(monitorId);
     }
 
     public async inputFilterQuery(filterQuery: string) {
@@ -140,5 +136,10 @@ export function UptimePageProvider({ getPageObjects, getService }: FtrProviderCo
       await commonService.openPageSizeSelectPopover();
       return commonService.clickPageSizeSelectPopoverItem(size);
     }
+
+    public async resetFilters() {
+      await this.inputFilterQuery('');
+      await commonService.resetStatusFilter();
+    }
   })();
 }
diff --git a/x-pack/test/functional/services/uptime/common.ts b/x-pack/test/functional/services/uptime/common.ts
index ed465eee343f9c..b5be1e29a0e8cb 100644
--- a/x-pack/test/functional/services/uptime/common.ts
+++ b/x-pack/test/functional/services/uptime/common.ts
@@ -10,6 +10,7 @@ export function UptimeCommonProvider({ getService }: FtrProviderContext) {
   const testSubjects = getService('testSubjects');
   const browser = getService('browser');
   const retry = getService('retry');
+  const find = getService('find');
 
   return {
     async assertExists(key: string) {
@@ -52,6 +53,20 @@ export function UptimeCommonProvider({ getService }: FtrProviderContext) {
     async setStatusFilterDown() {
       await testSubjects.click('xpack.uptime.filterBar.filterStatusDown');
     },
+    async resetStatusFilter() {
+      const upFilter = await find.byCssSelector(
+        '[data-test-subj="xpack.uptime.filterBar.filterStatusUp"]'
+      );
+      if (await upFilter.elementHasClass('euiFilterButton-hasActiveFilters')) {
+        this.setStatusFilterUp();
+      }
+      const downFilter = await find.byCssSelector(
+        '[data-test-subj="xpack.uptime.filterBar.filterStatusDown"]'
+      );
+      if (await downFilter.elementHasClass('euiFilterButton-hasActiveFilters')) {
+        this.setStatusFilterDown();
+      }
+    },
     async selectFilterItem(filterType: string, option: string) {
       const popoverId = `filter-popover_${filterType}`;
       const optionId = `filter-popover-item_${option}`;
diff --git a/x-pack/test/functional/services/uptime/ml_anomaly.ts b/x-pack/test/functional/services/uptime/ml_anomaly.ts
new file mode 100644
index 00000000000000..e15f47ddd9709a
--- /dev/null
+++ b/x-pack/test/functional/services/uptime/ml_anomaly.ts
@@ -0,0 +1,59 @@
+/*
+ * 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 UptimeMLAnomalyProvider({ getService }: FtrProviderContext) {
+  const testSubjects = getService('testSubjects');
+  const retry = getService('retry');
+  const log = getService('log');
+
+  return {
+    async openMLFlyout() {
+      return retry.tryForTime(15000, async () => {
+        await testSubjects.click('uptimeEnableAnomalyBtn');
+        await testSubjects.existOrFail('uptimeMLFlyout');
+      });
+    },
+
+    async openMLManageMenu() {
+      return retry.tryForTime(30000, async () => {
+        await testSubjects.click('uptimeManageMLJobBtn');
+        await testSubjects.existOrFail('uptimeManageMLContextMenu');
+      });
+    },
+
+    async alreadyHasJob() {
+      return await testSubjects.exists('uptimeManageMLJobBtn');
+    },
+
+    async createMLJob() {
+      await testSubjects.click('uptimeMLCreateJobBtn');
+      return retry.tryForTime(10000, async () => {
+        await testSubjects.existOrFail('uptimeMLJobSuccessfullyCreated');
+        log.info('Job successfully created');
+      });
+    },
+
+    async deleteMLJob() {
+      await testSubjects.click('uptimeDeleteMLJobBtn');
+      return retry.tryForTime(10000, async () => {
+        await testSubjects.click('uptimeMLJobDeleteConfirmModel > confirmModalConfirmButton');
+        await testSubjects.existOrFail('uptimeMLJobSuccessfullyDeleted');
+        log.info('Job successfully deleted');
+      });
+    },
+
+    async canCreateJob() {
+      const createJobBtn = await testSubjects.find('uptimeMLCreateJobBtn');
+      return !!(await createJobBtn.getAttribute('disabled'));
+    },
+
+    async hasNoLicenseInfo() {
+      return await testSubjects.missingOrFail('uptimeMLLicenseInfo', { timeout: 1000 });
+    },
+  };
+}
diff --git a/x-pack/test/functional/services/uptime/navigation.ts b/x-pack/test/functional/services/uptime/navigation.ts
index 15ee869da1e6ad..36a5d7c9702f86 100644
--- a/x-pack/test/functional/services/uptime/navigation.ts
+++ b/x-pack/test/functional/services/uptime/navigation.ts
@@ -9,17 +9,27 @@ import { FtrProviderContext } from '../../ftr_provider_context';
 export function UptimeNavigationProvider({ getService, getPageObjects }: FtrProviderContext) {
   const retry = getService('retry');
   const testSubjects = getService('testSubjects');
-  const PageObjects = getPageObjects(['common', 'header']);
+  const PageObjects = getPageObjects(['common', 'timePicker', 'header']);
 
   const goToUptimeRoot = async () => {
-    await retry.tryForTime(30 * 1000, async () => {
-      await PageObjects.common.navigateToApp('uptime');
-      await PageObjects.header.waitUntilLoadingHasFinished();
-      await testSubjects.existOrFail('uptimeOverviewPage', { timeout: 2000 });
+    // Check if are already on overview uptime page, we don't need to repeat the step
+    await retry.tryForTime(60 * 1000, async () => {
+      if (await testSubjects.exists('uptimeSettingsToOverviewLink', { timeout: 0 })) {
+        await testSubjects.click('uptimeSettingsToOverviewLink');
+        await testSubjects.existOrFail('uptimeOverviewPage', { timeout: 2000 });
+      } else if (!(await testSubjects.exists('uptimeOverviewPage', { timeout: 0 }))) {
+        await PageObjects.common.navigateToApp('uptime');
+        await PageObjects.header.waitUntilLoadingHasFinished();
+        await testSubjects.existOrFail('uptimeOverviewPage', { timeout: 2000 });
+      }
     });
   };
 
   return {
+    async refreshApp() {
+      await testSubjects.click('superDatePickerApplyTimeButton');
+    },
+
     async goToUptime() {
       await goToUptimeRoot();
     },
@@ -30,17 +40,29 @@ export function UptimeNavigationProvider({ getService, getPageObjects }: FtrProv
       await testSubjects.existOrFail('uptimeSettingsPage', { timeout: 2000 });
     },
 
-    goToMonitor: async (monitorId: string, monitorName?: string) => {
-      await testSubjects.click(`monitor-page-link-${monitorId}`, 5000);
-      if (
-        monitorName &&
-        (await testSubjects.getVisibleText('monitor-page-title')) !== monitorName
-      ) {
-        throw new Error('Expected monitor name not found');
+    checkIfOnMonitorPage: async (monitorId: string) => {
+      const monitorPage = await testSubjects.exists('uptimeMonitorPage', { timeout: 1000 });
+      if (monitorId && monitorPage) {
+        const thisMonitorPage =
+          (await testSubjects.getVisibleText('monitor-page-title')) === monitorId;
+        return monitorPage && thisMonitorPage;
+      } else {
+        return monitorPage;
+      }
+    },
+
+    goToMonitor: async (monitorId: string) => {
+      if (!(await testSubjects.exists('uptimeMonitorPage', { timeout: 0 }))) {
+        await testSubjects.click(`monitor-page-link-${monitorId}`);
+        await testSubjects.existOrFail('uptimeMonitorPage', {
+          timeout: 30000,
+        });
       }
-      await testSubjects.existOrFail('uptimeMonitorPage', {
-        timeout: 30000,
-      });
+    },
+
+    async loadDataAndGoToMonitorPage(dateStart: string, dateEnd: string, monitorId: string) {
+      await PageObjects.timePicker.setAbsoluteRange(dateStart, dateEnd);
+      await this.goToMonitor(monitorId);
     },
   };
 }
diff --git a/x-pack/test/functional/services/uptime/uptime.ts b/x-pack/test/functional/services/uptime/uptime.ts
index c96bd0e0c46752..601feb6b0646e1 100644
--- a/x-pack/test/functional/services/uptime/uptime.ts
+++ b/x-pack/test/functional/services/uptime/uptime.ts
@@ -11,6 +11,7 @@ import { UptimeCommonProvider } from './common';
 import { UptimeMonitorProvider } from './monitor';
 import { UptimeNavigationProvider } from './navigation';
 import { UptimeAlertsProvider } from './alerts';
+import { UptimeMLAnomalyProvider } from './ml_anomaly';
 
 export function UptimeProvider(context: FtrProviderContext) {
   const common = UptimeCommonProvider(context);
@@ -18,6 +19,7 @@ export function UptimeProvider(context: FtrProviderContext) {
   const monitor = UptimeMonitorProvider(context);
   const navigation = UptimeNavigationProvider(context);
   const alerts = UptimeAlertsProvider(context);
+  const ml = UptimeMLAnomalyProvider(context);
 
   return {
     common,
@@ -25,5 +27,6 @@ export function UptimeProvider(context: FtrProviderContext) {
     monitor,
     navigation,
     alerts,
+    ml,
   };
 }