From 3f78f192cabe8c7f6d286dd8793a2bf24fae7026 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Tue, 4 Sep 2018 20:02:48 +0200
Subject: [PATCH 01/14] [ML] jest tests for exploreSeries.

---
 .../explorer_charts/explore_series.js         |  2 +-
 .../explorer_charts/explore_series.test.js    | 63 +++++++++++++++++++
 .../explorer_charts/explorer_chart.test.js    | 40 +-----------
 .../explorer_charts_container.js              |  5 +-
 .../explorer_charts_container_directive.js    |  2 -
 .../explorer_charts/mock_series_config.js     | 43 +++++++++++++
 6 files changed, 111 insertions(+), 44 deletions(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
index 48b11391f5eb8..fcd70b67c3273 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
@@ -69,6 +69,6 @@ export function exploreSeries(series) {
   path += '/app/ml#/timeseriesexplorer';
   path += '?_g=' + _g;
   path += '&_a=' + encodeURIComponent(_a);
-  window.open(path, '_blank');
 
+  return path;
 }
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
new file mode 100644
index 0000000000000..0eefff73faa58
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
@@ -0,0 +1,63 @@
+/*
+ * 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 { seriesConfig } from './mock_series_config';
+
+jest.mock('ui/chrome',
+  () => ({
+    getBasePath: () => {
+      return '<basepath>';
+    },
+    getUiSettingsClient: () => {
+      return {
+        get: (key) => {
+          switch (key) {
+            case 'timepicker:timeDefaults':
+              return { from: 'now-15m', to: 'now', mode: 'quick' };
+            case 'timepicker:refreshIntervalDefaults':
+              return { pause: false, value: 0 };
+            default:
+              throw new Error(`Unexpected config key: ${key}`);
+          }
+        }
+      };
+    },
+  }), { virtual: true });
+
+jest.mock('ui/timefilter/lib/parse_querystring',
+  () => ({
+    parseQueryString: () => {
+      return {
+        // Can not access local variable from within a mock
+        forceNow: global.nowTime
+      };
+    },
+  }), { virtual: true });
+
+import moment from 'moment';
+import { timefilter } from 'ui/timefilter';
+
+import { exploreSeries } from './explore_series';
+
+timefilter.enableTimeRangeSelector();
+timefilter.enableAutoRefreshSelector();
+timefilter.setTime({
+  from: moment(seriesConfig.selectedEarliest).toISOString(),
+  to: moment(seriesConfig.selectedLatest).toISOString()
+});
+
+describe('exploreSeries', () => {
+  test('get timeseriesexplorer link', () => {
+    const link = exploreSeries(seriesConfig);
+    const expectedLink = `<basepath>/app/ml#/timeseriesexplorer?_g=(ml:(jobIds:!(population-03)),` +
+      `refreshInterval:(display:Off,pause:!f,value:0),time:(from:'2017-02-23T00:00:00.000Z',mode:absolute,` +
+      `to:'2017-02-23T23:59:59.999Z'))&_a=(filters%3A!()%2CmlTimeSeriesExplorer%3A(detectorIndex%3A0%2Centities%3A` +
+      `(nginx.access.remote_ip%3A'72.57.0.53')%2Czoom%3A(from%3A'2017-02-19T20%3A00%3A00.000Z'%2Cto%3A'2017-02-27T04%3A00%3A00.000Z'))` +
+      `%2Cquery%3A(query_string%3A(analyze_wildcard%3A!t%2Cquery%3A'*')))`;
+
+    expect(link).toBe(expectedLink);
+  });
+});
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index ce40308003f5f..7a9b5792d2787 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -4,6 +4,8 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { seriesConfig } from './mock_series_config';
+
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
 jest.mock('ui/time_buckets', () => ({
@@ -26,44 +28,6 @@ import { ExplorerChart } from './explorer_chart';
 import { chartLimits } from '../../util/chart_utils';
 
 describe('ExplorerChart', () => {
-  const seriesConfig = {
-    jobId: 'population-03',
-    detectorIndex: 0,
-    metricFunction: 'sum',
-    timeField: '@timestamp',
-    interval: '1h',
-    datafeedConfig: {
-      datafeed_id: 'datafeed-population-03',
-      job_id: 'population-03',
-      query_delay: '60s',
-      frequency: '600s',
-      indices: ['filebeat-7.0.0*'],
-      types: ['doc'],
-      query: { match_all: { boost: 1 } },
-      scroll_size: 1000,
-      chunking_config: { mode: 'auto' },
-      state: 'stopped'
-    },
-    metricFieldName: 'nginx.access.body_sent.bytes',
-    functionDescription: 'sum',
-    bucketSpanSeconds: 3600,
-    detectorLabel: 'high_sum(nginx.access.body_sent.bytes) over nginx.access.remote_ip (population-03)',
-    fieldName: 'nginx.access.body_sent.bytes',
-    entityFields: [{
-      fieldName: 'nginx.access.remote_ip',
-      fieldValue: '72.57.0.53',
-      $$hashKey: 'object:813'
-    }],
-    infoTooltip: `<div class=\"explorer-chart-info-tooltip\">job ID: population-03<br/>
-      aggregation interval: 1h<br/>chart function: sum nginx.access.body_sent.bytes<br/>
-      nginx.access.remote_ip: 72.57.0.53</div>`,
-    loading: false,
-    plotEarliest: 1487534400000,
-    plotLatest: 1488168000000,
-    selectedEarliest: 1487808000000,
-    selectedLatest: 1487894399999
-  };
-
   const mlSelectSeverityServiceMock = {
     state: {
       get: () => ({
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
index 2fb75120fdb44..44115109cb467 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
@@ -9,11 +9,11 @@ import React from 'react';
 
 import { EuiIconTip } from '@elastic/eui';
 
+import { exploreSeries } from './explore_series';
 import { ExplorerChart } from './explorer_chart';
 import { ExplorerChartTooltip } from './explorer_chart_tooltip';
 
 export function ExplorerChartsContainer({
-  exploreSeries,
   seriesToPlot,
   layoutCellsPerChart,
   tooManyBuckets,
@@ -60,7 +60,7 @@ export function ExplorerChartsContainer({
                     color="warning"
                   />
                 )}
-                <a className="kuiLink" onClick={() => exploreSeries(series)}>
+                <a className="euiLink" onClick={() => window.open(exploreSeries(series), '_blank')}>
                   View <i className="fa fa-external-link" aria-hidden="true" />
                 </a>
               </div>
@@ -76,7 +76,6 @@ export function ExplorerChartsContainer({
   );
 }
 ExplorerChartsContainer.propTypes = {
-  exploreSeries: PropTypes.func.isRequired,
   seriesToPlot: PropTypes.array.isRequired,
   layoutCellsPerChart: PropTypes.number.isRequired,
   tooManyBuckets: PropTypes.bool.isRequired,
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
index 412831c4d97c8..43b2fd80d6bcb 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
@@ -18,7 +18,6 @@ import ReactDOM from 'react-dom';
 
 import $ from 'jquery';
 import { ExplorerChartsContainer } from './explorer_charts_container';
-import { exploreSeries } from './explore_series';
 import { explorerChartsContainerServiceFactory } from './explorer_charts_container_service';
 import { mlChartTooltipService } from '../../components/chart_tooltip/chart_tooltip_service';
 
@@ -52,7 +51,6 @@ module.directive('mlExplorerChartsContainer', function (
 
     function updateComponent(data) {
       const props = {
-        exploreSeries,
         seriesToPlot: data.seriesToPlot,
         layoutCellsPerChart: data.layoutCellsPerChart,
         // convert truthy/falsy value to Boolean
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js
new file mode 100644
index 0000000000000..5b989af468c42
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js
@@ -0,0 +1,43 @@
+/*
+ * 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.
+ */
+
+export const seriesConfig = {
+  jobId: 'population-03',
+  detectorIndex: 0,
+  metricFunction: 'sum',
+  timeField: '@timestamp',
+  interval: '1h',
+  datafeedConfig: {
+    datafeed_id: 'datafeed-population-03',
+    job_id: 'population-03',
+    query_delay: '60s',
+    frequency: '600s',
+    indices: ['filebeat-7.0.0*'],
+    types: ['doc'],
+    query: { match_all: { boost: 1 } },
+    scroll_size: 1000,
+    chunking_config: { mode: 'auto' },
+    state: 'stopped'
+  },
+  metricFieldName: 'nginx.access.body_sent.bytes',
+  functionDescription: 'sum',
+  bucketSpanSeconds: 3600,
+  detectorLabel: 'high_sum(nginx.access.body_sent.bytes) over nginx.access.remote_ip (population-03)',
+  fieldName: 'nginx.access.body_sent.bytes',
+  entityFields: [{
+    fieldName: 'nginx.access.remote_ip',
+    fieldValue: '72.57.0.53',
+    $$hashKey: 'object:813'
+  }],
+  infoTooltip: `<div class=\"explorer-chart-info-tooltip\">job ID: population-03<br/>
+      aggregation interval: 1h<br/>chart function: sum nginx.access.body_sent.bytes<br/>
+      nginx.access.remote_ip: 72.57.0.53</div>`,
+  loading: false,
+  plotEarliest: 1487534400000,
+  plotLatest: 1488168000000,
+  selectedEarliest: 1487808000000,
+  selectedLatest: 1487894399999
+};

From 05912b292e45c3bce8733d7911235de623a197a0 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Tue, 4 Sep 2018 20:03:09 +0200
Subject: [PATCH 02/14] [ML] Use a template literal for the path string.

---
 .../ml/public/explorer/explorer_charts/explore_series.js   | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
index fcd70b67c3273..5aca8c734f1fe 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
@@ -65,10 +65,5 @@ export function exploreSeries(series) {
     }
   });
 
-  let path = chrome.getBasePath();
-  path += '/app/ml#/timeseriesexplorer';
-  path += '?_g=' + _g;
-  path += '&_a=' + encodeURIComponent(_a);
-
-  return path;
+  return `${chrome.getBasePath()}/app/ml#/timeseriesexplorer?_g=${_g}&_a=${encodeURIComponent(_a)}`;
 }

From ff6e6b36dd76cd23235869e9676ed20ae9578dc0 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Wed, 5 Sep 2018 11:18:35 +0200
Subject: [PATCH 03/14] [ML] Added test for explorer_chart_config_builder.

---
 .../messagebar/messagebar_service.js          |  2 +-
 .../explorer_chart_config_builder.test.js     | 30 +++++++
 .../explorer_charts/mock_anomaly_record.json  | 33 +++++++
 .../mock_chart_config_builder_config.json     | 48 ++++++++++
 .../explorer_charts/mock_job_config.json      | 88 +++++++++++++++++++
 .../watcher/create_watch_service.js           |  3 +-
 .../public/services/ml_api_service/filters.js |  2 +-
 .../public/services/ml_api_service/index.js   |  2 +-
 .../ml/public/services/ml_api_service/jobs.js |  2 +-
 .../public/services/ml_api_service/results.js |  2 +-
 .../ml/public/util/chart_config_builder.js    |  2 +-
 11 files changed, 206 insertions(+), 8 deletions(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json

diff --git a/x-pack/plugins/ml/public/components/messagebar/messagebar_service.js b/x-pack/plugins/ml/public/components/messagebar/messagebar_service.js
index 3bbf7e79c683e..4395be2a9fb4b 100644
--- a/x-pack/plugins/ml/public/components/messagebar/messagebar_service.js
+++ b/x-pack/plugins/ml/public/components/messagebar/messagebar_service.js
@@ -6,7 +6,7 @@
 
 
 import { notify } from 'ui/notify';
-import { MLRequestFailure } from 'plugins/ml/util/ml_error';
+import { MLRequestFailure } from '../../util/ml_error';
 
 const messages = [];
 
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
new file mode 100644
index 0000000000000..768545f83fd68
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
@@ -0,0 +1,30 @@
+/*
+ * 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 mockAnomalyRecord from './mock_anomaly_record.json';
+import mockChartConfigBuildConfig from './mock_chart_config_builder_config.json';
+import mockJobConfig from './mock_job_config.json';
+
+jest.mock('../../util/ml_error',
+  () => (class MLRequestFailure {})
+);
+
+jest.mock('../../services/job_service',
+  () => ({
+    mlJobService: {
+      getJob() { return mockJobConfig; }
+    }
+  })
+);
+
+import { buildConfig } from './explorer_chart_config_builder';
+
+describe('buildConfig', () => {
+  test('get dataConfig for anomaly record', () => {
+    const dataConfig = buildConfig(mockAnomalyRecord);
+    expect(dataConfig).toEqual(mockChartConfigBuildConfig);
+  });
+});
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json
new file mode 100644
index 0000000000000..790953d537587
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json
@@ -0,0 +1,33 @@
+{
+  "job_id": "fq-1351",
+  "result_type": "record",
+  "probability": 0.000374234162864467,
+  "record_score": 1.3677172011743646,
+  "initial_record_score": 1.3677172011743646,
+  "bucket_span": 900,
+  "detector_index": 0,
+  "is_interim": false,
+  "timestamp": 1486743300000,
+  "partition_field_name": "airline",
+  "partition_field_value": "JAL",
+  "function": "mean",
+  "function_description": "mean",
+  "typical": [
+    499.9850000350266
+  ],
+  "actual": [
+    511.4997161865235
+  ],
+  "field_name": "responsetime",
+  "influencers": [
+    {
+      "influencer_field_name": "airline",
+      "influencer_field_values": [
+        "JAL"
+      ]
+    }
+  ],
+  "airline": [
+    "JAL"
+  ]
+}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
new file mode 100644
index 0000000000000..0d3dd397b2ec5
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
@@ -0,0 +1,48 @@
+{
+  "jobId": "fq-1351",
+  "detectorIndex": 0,
+  "metricFunction": "avg",
+  "timeField": "@timestamp",
+  "interval": "15m",
+  "datafeedConfig": {
+    "datafeed_id": "datafeed-fq-1351",
+    "job_id": "fq-1351",
+    "query_delay": "86658ms",
+    "indices": [
+      "farequote-2017"
+    ],
+    "types": [],
+    "query": {
+      "match_all": {
+        "boost": 1
+      }
+    },
+    "scroll_size": 1000,
+    "chunking_config": {
+      "mode": "auto"
+    },
+    "state": "stopped"
+  },
+  "metricFieldName": "responsetime",
+  "functionDescription": "mean",
+  "bucketSpanSeconds": 900,
+  "detectorLabel": "mean undefined",
+  "fieldName": "responsetime",
+  "entityFields": [
+    {
+      "fieldName": "airline",
+      "fieldValue": "JAL"
+    }
+  ],
+  "infoTooltip": {
+    "jobId": "fq-1351",
+    "aggregationInterval": "15m",
+    "chartFunction": "avg responsetime",
+    "entityFields": [
+      {
+        "fieldName": "airline",
+        "fieldValue": "JAL"
+      }
+    ]
+  }
+}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json
new file mode 100644
index 0000000000000..145551193d6b8
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json
@@ -0,0 +1,88 @@
+{
+  "job_id": "fq-1351",
+  "job_type": "anomaly_detector",
+  "job_version": "7.0.0-alpha1",
+  "description": "",
+  "create_time": 1532692299663,
+  "finished_time": 1532692304364,
+  "established_model_memory": 560894,
+  "analysis_config": {
+    "bucket_span": "15m",
+    "detectors": [
+      {
+        "detector_description": "mean(responsetime)",
+        "function": "mean",
+        "field_name": "responsetime",
+        "partition_field_name": "airline",
+        "detector_index": 0
+      }
+    ],
+    "influencers": [
+      "airline"
+    ]
+  },
+  "analysis_limits": {
+    "model_memory_limit": "13mb",
+    "categorization_examples_limit": 4
+  },
+  "data_description": {
+    "time_field": "@timestamp",
+    "time_format": "epoch_ms"
+  },
+  "model_snapshot_retention_days": 1,
+  "custom_settings": {
+    "created_by": "multi-metric-wizard"
+  },
+  "model_snapshot_id": "1532692303",
+  "model_snapshot_min_version": "6.4.0",
+  "results_index_name": "shared",
+  "data_counts": {
+    "job_id": "fq-1351",
+    "processed_record_count": 86274,
+    "processed_field_count": 172548,
+    "input_bytes": 6744642,
+    "input_field_count": 172548,
+    "invalid_date_count": 0,
+    "missing_field_count": 0,
+    "out_of_order_timestamp_count": 0,
+    "empty_bucket_count": 0,
+    "sparse_bucket_count": 0,
+    "bucket_count": 479,
+    "earliest_record_timestamp": 1486425600000,
+    "latest_record_timestamp": 1486857594000,
+    "last_data_time": 1532692303844,
+    "input_record_count": 86274
+  },
+  "model_size_stats": {
+    "job_id": "fq-1351",
+    "result_type": "model_size_stats",
+    "model_bytes": 560894,
+    "total_by_field_count": 21,
+    "total_over_field_count": 0,
+    "total_partition_field_count": 20,
+    "bucket_allocation_failures_count": 0,
+    "memory_status": "ok",
+    "log_time": 1532692303000,
+    "timestamp": 1486855800000
+  },
+  "datafeed_config": {
+    "datafeed_id": "datafeed-fq-1351",
+    "job_id": "fq-1351",
+    "query_delay": "86658ms",
+    "indices": [
+      "farequote-2017"
+    ],
+    "types": [],
+    "query": {
+      "match_all": {
+        "boost": 1
+      }
+    },
+    "scroll_size": 1000,
+    "chunking_config": {
+      "mode": "auto"
+    },
+    "state": "stopped"
+  },
+  "state": "closed"
+}
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/components/watcher/create_watch_service.js b/x-pack/plugins/ml/public/jobs/new_job/simple/components/watcher/create_watch_service.js
index 33149d05d33dc..8386faa1f67fd 100644
--- a/x-pack/plugins/ml/public/jobs/new_job/simple/components/watcher/create_watch_service.js
+++ b/x-pack/plugins/ml/public/jobs/new_job/simple/components/watcher/create_watch_service.js
@@ -8,7 +8,7 @@
 
 import chrome from 'ui/chrome';
 import _ from 'lodash';
-import { http } from 'plugins/ml/services/http_service';
+import { http } from '../../../../../services/http_service';
 
 import emailBody from './email.html';
 import emailInfluencersBody from './email-influencers.html';
@@ -153,4 +153,3 @@ class CreateWatchService {
 }
 
 export const mlCreateWatchService =  new CreateWatchService();
-
diff --git a/x-pack/plugins/ml/public/services/ml_api_service/filters.js b/x-pack/plugins/ml/public/services/ml_api_service/filters.js
index f603b34916306..b4b66e0145335 100644
--- a/x-pack/plugins/ml/public/services/ml_api_service/filters.js
+++ b/x-pack/plugins/ml/public/services/ml_api_service/filters.js
@@ -9,7 +9,7 @@
 
 import chrome from 'ui/chrome';
 
-import { http } from 'plugins/ml/services/http_service';
+import { http } from '../../services/http_service';
 
 const basePath = chrome.addBasePath('/api/ml');
 
diff --git a/x-pack/plugins/ml/public/services/ml_api_service/index.js b/x-pack/plugins/ml/public/services/ml_api_service/index.js
index 34bfb99564d06..aceb9d5b7f366 100644
--- a/x-pack/plugins/ml/public/services/ml_api_service/index.js
+++ b/x-pack/plugins/ml/public/services/ml_api_service/index.js
@@ -9,7 +9,7 @@
 import { pick } from 'lodash';
 import chrome from 'ui/chrome';
 
-import { http } from 'plugins/ml/services/http_service';
+import { http } from '../../services/http_service';
 
 import { filters } from './filters';
 import { results } from './results';
diff --git a/x-pack/plugins/ml/public/services/ml_api_service/jobs.js b/x-pack/plugins/ml/public/services/ml_api_service/jobs.js
index 003de9ed327d7..f9b482ea0dc8b 100644
--- a/x-pack/plugins/ml/public/services/ml_api_service/jobs.js
+++ b/x-pack/plugins/ml/public/services/ml_api_service/jobs.js
@@ -6,7 +6,7 @@
 
 import chrome from 'ui/chrome';
 
-import { http } from 'plugins/ml/services/http_service';
+import { http } from '../../services/http_service';
 
 const basePath = chrome.addBasePath('/api/ml');
 
diff --git a/x-pack/plugins/ml/public/services/ml_api_service/results.js b/x-pack/plugins/ml/public/services/ml_api_service/results.js
index 5f7b76ce26865..b4254fa7b2519 100644
--- a/x-pack/plugins/ml/public/services/ml_api_service/results.js
+++ b/x-pack/plugins/ml/public/services/ml_api_service/results.js
@@ -8,7 +8,7 @@
 
 import chrome from 'ui/chrome';
 
-import { http } from 'plugins/ml/services/http_service';
+import { http } from '../../services/http_service';
 
 const basePath = chrome.addBasePath('/api/ml');
 
diff --git a/x-pack/plugins/ml/public/util/chart_config_builder.js b/x-pack/plugins/ml/public/util/chart_config_builder.js
index e4cd9037afbbe..1529ea868d4e6 100644
--- a/x-pack/plugins/ml/public/util/chart_config_builder.js
+++ b/x-pack/plugins/ml/public/util/chart_config_builder.js
@@ -13,7 +13,7 @@
 
 import _ from 'lodash';
 
-import { mlFunctionToESAggregation } from 'plugins/ml/../common/util/job_utils';
+import { mlFunctionToESAggregation } from '../../common/util/job_utils';
 
 // Builds the basic configuration to plot a chart of the source data
 // analyzed by the the detector at the given index from the specified ML job.

From dd4c076c32f5c76e0bcb96c19863a7b9336bfd00 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Wed, 5 Sep 2018 11:24:05 +0200
Subject: [PATCH 04/14] [ML] mock_series_config is now plain json.

---
 .../explorer_charts/explorer_chart.test.js    |  2 +-
 .../explorer_charts/mock_series_config.js     | 43 -----------------
 .../explorer_charts/mock_series_config.json   | 47 +++++++++++++++++++
 3 files changed, 48 insertions(+), 44 deletions(-)
 delete mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index 7a9b5792d2787..b494ab7d6a9a0 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import { seriesConfig } from './mock_series_config';
+import seriesConfig from './mock_series_config.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js
deleted file mode 100644
index 5b989af468c42..0000000000000
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.js
+++ /dev/null
@@ -1,43 +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.
- */
-
-export const seriesConfig = {
-  jobId: 'population-03',
-  detectorIndex: 0,
-  metricFunction: 'sum',
-  timeField: '@timestamp',
-  interval: '1h',
-  datafeedConfig: {
-    datafeed_id: 'datafeed-population-03',
-    job_id: 'population-03',
-    query_delay: '60s',
-    frequency: '600s',
-    indices: ['filebeat-7.0.0*'],
-    types: ['doc'],
-    query: { match_all: { boost: 1 } },
-    scroll_size: 1000,
-    chunking_config: { mode: 'auto' },
-    state: 'stopped'
-  },
-  metricFieldName: 'nginx.access.body_sent.bytes',
-  functionDescription: 'sum',
-  bucketSpanSeconds: 3600,
-  detectorLabel: 'high_sum(nginx.access.body_sent.bytes) over nginx.access.remote_ip (population-03)',
-  fieldName: 'nginx.access.body_sent.bytes',
-  entityFields: [{
-    fieldName: 'nginx.access.remote_ip',
-    fieldValue: '72.57.0.53',
-    $$hashKey: 'object:813'
-  }],
-  infoTooltip: `<div class=\"explorer-chart-info-tooltip\">job ID: population-03<br/>
-      aggregation interval: 1h<br/>chart function: sum nginx.access.body_sent.bytes<br/>
-      nginx.access.remote_ip: 72.57.0.53</div>`,
-  loading: false,
-  plotEarliest: 1487534400000,
-  plotLatest: 1488168000000,
-  selectedEarliest: 1487808000000,
-  selectedLatest: 1487894399999
-};
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json
new file mode 100644
index 0000000000000..bf4348dfe8efd
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json
@@ -0,0 +1,47 @@
+{
+  "jobId": "population-03",
+  "detectorIndex": 0,
+  "metricFunction": "sum",
+  "timeField": "@timestamp",
+  "interval": "1h",
+  "datafeedConfig": {
+    "datafeed_id": "datafeed-population-03",
+    "job_id": "population-03",
+    "query_delay": "60s",
+    "frequency": "600s",
+    "indices": [
+      "filebeat-7.0.0*"
+    ],
+    "types": [
+      "doc"
+    ],
+    "query": {
+      "match_all": {
+        "boost": 1
+      }
+    },
+    "scroll_size": 1000,
+    "chunking_config": {
+      "mode": "auto"
+    },
+    "state": "stopped"
+  },
+  "metricFieldName": "nginx.access.body_sent.bytes",
+  "functionDescription": "sum",
+  "bucketSpanSeconds": 3600,
+  "detectorLabel": "high_sum(nginx.access.body_sent.bytes) over nginx.access.remote_ip (population-03)",
+  "fieldName": "nginx.access.body_sent.bytes",
+  "entityFields": [
+    {
+      "fieldName": "nginx.access.remote_ip",
+      "fieldValue": "72.57.0.53",
+      "$$hashKey": "object:813"
+    }
+  ],
+  "infoTooltip": "<div class=\"explorer-chart-info-tooltip\">job ID: population-03<br/>\n      aggregation interval: 1h<br/>chart function: sum nginx.access.body_sent.bytes<br/>\n      nginx.access.remote_ip: 72.57.0.53</div>",
+  "loading": false,
+  "plotEarliest": 1487534400000,
+  "plotLatest": 1488168000000,
+  "selectedEarliest": 1487808000000,
+  "selectedLatest": 1487894399999
+}

From d297aa77b92f1517a9d2824c2d3aab9872ddc51b Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Wed, 5 Sep 2018 15:01:57 +0200
Subject: [PATCH 05/14] [ML] Added test for explorer_chart_tooltip.

---
 .../explorer_chart_tooltip.test.js.snap       | 24 +++++++++++++++++++
 .../explorer_charts/explore_series.test.js    |  2 +-
 .../explorer_chart_tooltip.test.js            | 20 ++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
new file mode 100644
index 0000000000000..a61c1aeee2915
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
@@ -0,0 +1,24 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ExplorerChartTooltip Render tooltip based on infoTooltip data. 1`] = `
+<div
+  className="explorer-chart-info-tooltip"
+>
+  job ID: 
+  fq-1351
+  <br />
+  aggregation interval: 
+  15m
+  <br />
+  chart function: 
+  avg responsetime
+  <span
+    key="airline_JAL_0"
+  >
+    <br />
+    airline
+    : 
+    JAL
+  </span>
+</div>
+`;
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
index 0eefff73faa58..fb9d0309be6ed 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import { seriesConfig } from './mock_series_config';
+import seriesConfig from './mock_series_config';
 
 jest.mock('ui/chrome',
   () => ({
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
new file mode 100644
index 0000000000000..9fc90d77d16f1
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
@@ -0,0 +1,20 @@
+/*
+ * 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 mockConfig from './mock_chart_config_builder_config.json';
+
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import { ExplorerChartTooltip } from './explorer_chart_tooltip';
+
+describe('ExplorerChartTooltip', () => {
+  test('Render tooltip based on infoTooltip data.', () => {
+    const wrapper = shallow(<ExplorerChartTooltip {...mockConfig.infoTooltip} />);
+    expect(wrapper).toMatchSnapshot();
+  });
+});

From 5b286eccfef934e23d138512875b73e4844145ec Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Wed, 5 Sep 2018 18:08:20 +0200
Subject: [PATCH 06/14] [ML] Initial tests for explorerChartsContainerService.

---
 .../explorer_charts/explore_series.test.js    |   2 +-
 .../explorer_charts/explorer_chart.test.js    |   2 +-
 .../explorer_chart_config_builder.test.js     |   4 +-
 .../explorer_charts_container_directive.js    |   3 +-
 .../explorer_charts_container_service.js      |   6 +-
 .../explorer_charts_container_service.test.js | 126 +++
 .../mock_anomaly_chart_records.json           |  68 ++
 .../mock_chart_config_builder_config.json     |   2 +-
 .../mock_detectors_by_job.json                |  11 +
 .../mock_series_config_farequote.json         | 902 ++++++++++++++++++
 ....json => mock_series_config_filebeat.json} |   0
 .../mock_series_to_plot_farequote.json        |  52 +
 .../ml/public/services/results_service.js     |   8 +-
 13 files changed, 1173 insertions(+), 13 deletions(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{mock_series_config.json => mock_series_config_filebeat.json} (100%)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
index fb9d0309be6ed..4c1b849d9f2ab 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import seriesConfig from './mock_series_config';
+import seriesConfig from './mock_series_config_filebeat';
 
 jest.mock('ui/chrome',
   () => ({
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index b494ab7d6a9a0..1f339cd0ebbec 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import seriesConfig from './mock_series_config.json';
+import seriesConfig from './mock_series_config_filebeat.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
index 768545f83fd68..59ee814cdf54b 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
@@ -6,6 +6,7 @@
 
 import mockAnomalyRecord from './mock_anomaly_record.json';
 import mockChartConfigBuildConfig from './mock_chart_config_builder_config.json';
+import mockDetectorsByJob from './mock_detectors_by_job.json';
 import mockJobConfig from './mock_job_config.json';
 
 jest.mock('../../util/ml_error',
@@ -15,7 +16,8 @@ jest.mock('../../util/ml_error',
 jest.mock('../../services/job_service',
   () => ({
     mlJobService: {
-      getJob() { return mockJobConfig; }
+      getJob() { return mockJobConfig; },
+      detectorsByJob: mockDetectorsByJob
     }
   })
 );
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
index 43b2fd80d6bcb..58b9994b6a650 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_directive.js
@@ -32,7 +32,8 @@ module.directive('mlExplorerChartsContainer', function (
   function link(scope, element) {
     const anomalyDataChangeListener = explorerChartsContainerServiceFactory(
       mlSelectSeverityService,
-      updateComponent
+      updateComponent,
+      $('.explorer-charts')
     );
 
     mlExplorerDashboardService.anomalyDataChange.watch(anomalyDataChangeListener);
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.js
index fa9d764496b75..b114cd93fffb3 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.js
@@ -14,7 +14,6 @@
  */
 
 import _ from 'lodash';
-import $ from 'jquery';
 
 import { buildConfig } from './explorer_chart_config_builder';
 import { chartLimits } from '../../util/chart_utils';
@@ -25,10 +24,9 @@ import { mlJobService } from '../../services/job_service';
 
 export function explorerChartsContainerServiceFactory(
   mlSelectSeverityService,
-  callback
+  callback,
+  $chartContainer
 ) {
-  const $chartContainer = $('.explorer-charts');
-
   const FUNCTION_DESCRIPTIONS_TO_PLOT = ['mean', 'min', 'max', 'sum', 'count', 'distinct_count', 'median', 'rare'];
   const CHART_MAX_POINTS = 500;
   const ANOMALIES_MAX_RESULTS = 500;
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
new file mode 100644
index 0000000000000..e3dbd1455b81c
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
@@ -0,0 +1,126 @@
+/*
+ * 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 mockAnomalyChartRecords from './mock_anomaly_chart_records.json';
+import mockDetectorsByJob from './mock_detectors_by_job.json';
+import mockJobConfig from './mock_job_config.json';
+import mockSeriesConfig from './mock_series_config_farequote.json';
+import mockSeriesToPlot from './mock_series_to_plot_farequote.json';
+
+jest.mock('../../services/job_service',
+  () => ({
+    mlJobService: {
+      getJob() { return mockJobConfig; },
+      detectorsByJob: mockDetectorsByJob
+    }
+  })
+);
+
+jest.mock('../../util/string_utils',
+  () => ({
+    mlEscape(d) { console.warn('escape', d); return d; }
+  })
+);
+
+const mockMlSelectSeverityService = {
+  state: {
+    get() { return { display: 'warning', val: 0 }; }
+  }
+};
+
+const mockChartContainer = {
+  width() { return 1600; }
+};
+
+function mockGetDefaultData() {
+  return {
+    seriesToPlot: [],
+    layoutCellsPerChart: 12,
+    tooManyBuckets: false,
+    timeFieldName: 'timestamp'
+  };
+}
+
+import { explorerChartsContainerServiceFactory } from './explorer_charts_container_service';
+
+describe('explorerChartsContainerService', () => {
+  test('Initialize factory', (done) => {
+    explorerChartsContainerServiceFactory(
+      mockMlSelectSeverityService,
+      callback
+    );
+
+    function callback(data) {
+      expect(data).toEqual(mockGetDefaultData());
+      done();
+    }
+  });
+
+  test('call anomalyChangeListener with empty series config', (done) => {
+    // callback will be called multiple times.
+    // the callbackData array contains the expected data values for each consecutive call.
+    const callbackData = [];
+    callbackData.push(mockGetDefaultData());
+    callbackData.push({
+      ...mockGetDefaultData(),
+      layoutCellsPerChart: 6
+    });
+
+    const anomalyDataChangeListener = explorerChartsContainerServiceFactory(
+      mockMlSelectSeverityService,
+      callback,
+      mockChartContainer
+    );
+
+    anomalyDataChangeListener(
+      [],
+      mockSeriesConfig.selectedEarliest,
+      mockSeriesConfig.selectedLatest
+    );
+
+    function callback(data) {
+      if (callbackData.length > 0) {
+        expect(data).toEqual(callbackData.shift());
+      }
+      if (callbackData.length === 0) {
+        done();
+      }
+    }
+  });
+
+  test('call anomalyChangeListener with actual series config', (done) => {
+    // callback will be called multiple times.
+    // the callbackData array contains the expected data values for each consecutive call.
+    const callbackData = [];
+    callbackData.push(mockGetDefaultData());
+    callbackData.push({
+      ...mockGetDefaultData(),
+      seriesToPlot: mockSeriesToPlot,
+      layoutCellsPerChart: 6
+    });
+
+    const anomalyDataChangeListener = explorerChartsContainerServiceFactory(
+      mockMlSelectSeverityService,
+      callback,
+      mockChartContainer
+    );
+
+    anomalyDataChangeListener(
+      mockAnomalyChartRecords,
+      mockSeriesConfig.selectedEarliest,
+      mockSeriesConfig.selectedLatest
+    );
+
+    function callback(data) {
+      if (callbackData.length > 0) {
+        expect(data).toEqual(callbackData.shift());
+      }
+      if (callbackData.length === 0) {
+        done();
+      }
+    }
+  });
+});
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json
new file mode 100644
index 0000000000000..1817634580de4
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json
@@ -0,0 +1,68 @@
+[
+  {
+    "job_id": "fq-1351",
+    "result_type": "record",
+    "probability": 1.6552181439816634e-32,
+    "record_score": 98.56065708456248,
+    "initial_record_score": 98.56065708456248,
+    "bucket_span": 900,
+    "detector_index": 0,
+    "is_interim": false,
+    "timestamp": 1486656000000,
+    "partition_field_name": "airline",
+    "partition_field_value": "AAL",
+    "function": "mean",
+    "function_description": "mean",
+    "typical": [
+      99.81123207526203
+    ],
+    "actual": [
+      242.3568918440077
+    ],
+    "field_name": "responsetime",
+    "influencers": [
+      {
+        "influencer_field_name": "airline",
+        "influencer_field_values": [
+          "AAL"
+        ]
+      }
+    ],
+    "airline": [
+      "AAL"
+    ]
+  },
+  {
+    "job_id": "fq-1351",
+    "result_type": "record",
+    "probability": 2.6276047868032343e-28,
+    "record_score": 96.93718,
+    "initial_record_score": 92.70812367638732,
+    "bucket_span": 900,
+    "detector_index": 0,
+    "is_interim": false,
+    "timestamp": 1486656900000,
+    "partition_field_name": "airline",
+    "partition_field_value": "AAL",
+    "function": "mean",
+    "function_description": "mean",
+    "typical": [
+      100.02884159032787
+    ],
+    "actual": [
+      282.02533259111306
+    ],
+    "field_name": "responsetime",
+    "influencers": [
+      {
+        "influencer_field_name": "airline",
+        "influencer_field_values": [
+          "AAL"
+        ]
+      }
+    ],
+    "airline": [
+      "AAL"
+    ]
+  }
+]
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
index 0d3dd397b2ec5..2ab4129129589 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
@@ -26,7 +26,7 @@
   "metricFieldName": "responsetime",
   "functionDescription": "mean",
   "bucketSpanSeconds": 900,
-  "detectorLabel": "mean undefined",
+  "detectorLabel": "mean(responsetime)",
   "fieldName": "responsetime",
   "entityFields": [
     {
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json
new file mode 100644
index 0000000000000..30b53879885ea
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json
@@ -0,0 +1,11 @@
+{
+  "fq-1351": [
+    {
+      "detector_description": "mean(responsetime)",
+      "function": "mean",
+      "field_name": "responsetime",
+      "partition_field_name": "airline",
+      "detector_index": 0
+    }
+  ]
+}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json
new file mode 100644
index 0000000000000..10c9cde5560e6
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json
@@ -0,0 +1,902 @@
+{
+  "jobId": "fq-1351",
+  "detectorIndex": 0,
+  "metricFunction": "avg",
+  "timeField": "@timestamp",
+  "interval": "15m",
+  "datafeedConfig": {
+    "datafeed_id": "datafeed-fq-1351",
+    "job_id": "fq-1351",
+    "query_delay": "86658ms",
+    "indices": [
+      "farequote-2017"
+    ],
+    "types": [],
+    "query": {
+      "match_all": {
+        "boost": 1
+      }
+    },
+    "scroll_size": 1000,
+    "chunking_config": {
+      "mode": "auto"
+    },
+    "state": "stopped"
+  },
+  "metricFieldName": "responsetime",
+  "functionDescription": "mean",
+  "bucketSpanSeconds": 900,
+  "detectorLabel": "mean(responsetime)",
+  "fieldName": "responsetime",
+  "entityFields": [
+    {
+      "fieldName": "airline",
+      "fieldValue": "AAL"
+    }
+  ],
+  "infoTooltip": {
+    "jobId": "fq-1351",
+    "aggregationInterval": "15m",
+    "chartFunction": "avg responsetime",
+    "entityFields": [
+      {
+        "fieldName": "airline",
+        "fieldValue": "AAL"
+      }
+    ]
+  },
+  "loading": false,
+  "chartData": [
+    {
+      "date": 1486572300000,
+      "value": 100.23002243041992
+    },
+    {
+      "date": 1486573200000,
+      "value": 109.84148366827714
+    },
+    {
+      "date": 1486574100000,
+      "value": 107.17559432983398
+    },
+    {
+      "date": 1486575000000,
+      "value": 94.74245023727417
+    },
+    {
+      "date": 1486575900000,
+      "value": 98.26103510175433
+    },
+    {
+      "date": 1486576800000,
+      "value": 94.46919309175931
+    },
+    {
+      "date": 1486577700000,
+      "value": 105.73891830444336
+    },
+    {
+      "date": 1486578600000,
+      "value": 100.07820972643401
+    },
+    {
+      "date": 1486579500000,
+      "value": 105.29588651657104
+    },
+    {
+      "date": 1486580400000,
+      "value": 103.2810377823679
+    },
+    {
+      "date": 1486581300000,
+      "value": 103.27489511590255
+    },
+    {
+      "date": 1486582200000,
+      "value": 103.75038604736328
+    },
+    {
+      "date": 1486583100000,
+      "value": 98.3647595573874
+    },
+    {
+      "date": 1486584000000,
+      "value": 105.37480633075421
+    },
+    {
+      "date": 1486584900000,
+      "value": 105.58445053100586
+    },
+    {
+      "date": 1486585800000,
+      "value": 90.81587359779759
+    },
+    {
+      "date": 1486586700000,
+      "value": 99.10670134600471
+    },
+    {
+      "date": 1486587600000,
+      "value": 105.11706776089139
+    },
+    {
+      "date": 1486588500000,
+      "value": 101.55193061828614
+    },
+    {
+      "date": 1486589400000,
+      "value": 99.59732927594867
+    },
+    {
+      "date": 1486590300000,
+      "value": 113.13526333079619,
+      "anomalyScore": 0.004716049,
+      "actual": [
+        113.13526333079618
+      ],
+      "typical": [
+        99.9757502397967
+      ]
+    },
+    {
+      "date": 1486591200000,
+      "value": 94.69190573692322
+    },
+    {
+      "date": 1486592100000,
+      "value": 96.16208244772518
+    },
+    {
+      "date": 1486593000000,
+      "value": 95.25466847419739
+    },
+    {
+      "date": 1486593900000,
+      "value": 99.67674509684245
+    },
+    {
+      "date": 1486594800000,
+      "value": 96.11397879464286
+    },
+    {
+      "date": 1486595700000,
+      "value": 96.76679284232003
+    },
+    {
+      "date": 1486596600000,
+      "value": 94.85693813505627
+    },
+    {
+      "date": 1486597500000,
+      "value": 99.56607500712077
+    },
+    {
+      "date": 1486598400000,
+      "value": 104.14855397542318
+    },
+    {
+      "date": 1486599300000,
+      "value": 106.14944047194261
+    },
+    {
+      "date": 1486600200000,
+      "value": 94.13648880852594
+    },
+    {
+      "date": 1486601100000,
+      "value": 98.57830708821615
+    },
+    {
+      "date": 1486602000000,
+      "value": 97.82662806791417
+    },
+    {
+      "date": 1486602900000,
+      "value": 96.00657653808594
+    },
+    {
+      "date": 1486603800000,
+      "value": 93.24030661582947
+    },
+    {
+      "date": 1486604700000,
+      "value": 106.9332061767578
+    },
+    {
+      "date": 1486605600000,
+      "value": 109.06639963785807
+    },
+    {
+      "date": 1486606500000,
+      "value": 114.68353796005249,
+      "anomalyScore": 0.01067901,
+      "actual": [
+        114.68353796005252
+      ],
+      "typical": [
+        99.92067804688648
+      ]
+    },
+    {
+      "date": 1486607400000,
+      "value": 95.81582178388324
+    },
+    {
+      "date": 1486608300000,
+      "value": 93.85584958394368
+    },
+    {
+      "date": 1486609200000,
+      "value": 103.1055432274228
+    },
+    {
+      "date": 1486610100000,
+      "value": 109.19869604564849
+    },
+    {
+      "date": 1486611000000,
+      "value": 85.27851028442383
+    },
+    {
+      "date": 1486611900000,
+      "value": 95.61584963117328
+    },
+    {
+      "date": 1486612800000,
+      "value": 99.34646708170573
+    },
+    {
+      "date": 1486613700000,
+      "value": 92.54502330106847
+    },
+    {
+      "date": 1486614600000,
+      "value": 98.87258768081665
+    },
+    {
+      "date": 1486615500000,
+      "value": 102.82824816022601
+    },
+    {
+      "date": 1486616400000,
+      "value": 96.7391939163208
+    },
+    {
+      "date": 1486617300000,
+      "value": 99.72634760538737
+    },
+    {
+      "date": 1486618200000,
+      "value": 101.08556365966797
+    },
+    {
+      "date": 1486619100000,
+      "value": 84.60266517190372,
+      "anomalyScore": 0.02716009,
+      "actual": [
+        84.60266517190372
+      ],
+      "typical": [
+        99.79426367092864
+      ]
+    },
+    {
+      "date": 1486620000000,
+      "value": 105.24246263504028
+    },
+    {
+      "date": 1486620900000,
+      "value": 91.86086603800456
+    },
+    {
+      "date": 1486621800000,
+      "value": 94.5369130452474
+    },
+    {
+      "date": 1486622700000,
+      "value": 97.63843189586292
+    },
+    {
+      "date": 1486623600000,
+      "value": 93.79290502211627
+    },
+    {
+      "date": 1486624500000,
+      "value": 108.91006604362937
+    },
+    {
+      "date": 1486625400000,
+      "value": 107.46900049845378
+    },
+    {
+      "date": 1486626300000,
+      "value": 100.03502061631944
+    },
+    {
+      "date": 1486627200000,
+      "value": 92.0638559129503
+    },
+    {
+      "date": 1486628100000,
+      "value": 96.06356851678146
+    },
+    {
+      "date": 1486629000000,
+      "value": 109.89569989372703
+    },
+    {
+      "date": 1486629900000,
+      "value": 96.09498441786994
+    },
+    {
+      "date": 1486630800000,
+      "value": 105.05972120496962
+    },
+    {
+      "date": 1486631700000,
+      "value": 94.53041982650757
+    },
+    {
+      "date": 1486632600000,
+      "value": 103.37048240329908
+    },
+    {
+      "date": 1486633500000,
+      "value": 105.2058048248291
+    },
+    {
+      "date": 1486634400000,
+      "value": 102.06169471740722
+    },
+    {
+      "date": 1486635300000,
+      "value": 101.4836499955919
+    },
+    {
+      "date": 1486636200000,
+      "value": 96.34219177246094
+    },
+    {
+      "date": 1486637100000,
+      "value": 102.81613063812256
+    },
+    {
+      "date": 1486638000000,
+      "value": 96.09064518321644
+    },
+    {
+      "date": 1486638900000,
+      "value": 104.8488635012978
+    },
+    {
+      "date": 1486639800000,
+      "value": 93.45240384056454
+    },
+    {
+      "date": 1486640700000,
+      "value": 102.28834065524015
+    },
+    {
+      "date": 1486641600000,
+      "value": 104.54204668317523
+    },
+    {
+      "date": 1486642500000,
+      "value": 99.85492063823499
+    },
+    {
+      "date": 1486643400000,
+      "value": 97.12778260972765
+    },
+    {
+      "date": 1486644300000,
+      "value": 103.99638447008635
+    },
+    {
+      "date": 1486645200000,
+      "value": 95.34676822863128
+    },
+    {
+      "date": 1486646100000,
+      "value": 97.04620517383923
+    },
+    {
+      "date": 1486647000000,
+      "value": 104.2849609375
+    },
+    {
+      "date": 1486647900000,
+      "value": 97.88982413796818
+    },
+    {
+      "date": 1486648800000,
+      "value": 99.03312370300293
+    },
+    {
+      "date": 1486649700000,
+      "value": 105.5509593963623
+    },
+    {
+      "date": 1486650600000,
+      "value": 100.49496881585372
+    },
+    {
+      "date": 1486651500000,
+      "value": 99.06059494018555
+    },
+    {
+      "date": 1486652400000,
+      "value": 90.58293914794922
+    },
+    {
+      "date": 1486653300000,
+      "value": 92.8633090655009
+    },
+    {
+      "date": 1486654200000,
+      "value": 96.12510445004418
+    },
+    {
+      "date": 1486655100000,
+      "value": 100.4840145111084
+    },
+    {
+      "date": 1486656000000,
+      "value": 242.3568918440077,
+      "anomalyScore": 98.56065708456248,
+      "actual": [
+        242.3568918440077
+      ],
+      "typical": [
+        99.81123207526203
+      ]
+    },
+    {
+      "date": 1486656900000,
+      "value": 282.02533259111294,
+      "anomalyScore": 96.93718,
+      "actual": [
+        282.02533259111306
+      ],
+      "typical": [
+        100.02884159032787
+      ]
+    },
+    {
+      "date": 1486657800000,
+      "value": 100.15823459625244
+    },
+    {
+      "date": 1486658700000,
+      "value": 97.5446532754337
+    },
+    {
+      "date": 1486659600000,
+      "value": 99.53840043809679
+    },
+    {
+      "date": 1486660500000,
+      "value": 101.24810005636776
+    },
+    {
+      "date": 1486661400000,
+      "value": 101.11400771141052
+    },
+    {
+      "date": 1486662300000,
+      "value": 100.70463662398488
+    },
+    {
+      "date": 1486663200000,
+      "value": 110.70174247340152
+    },
+    {
+      "date": 1486664100000,
+      "value": 96.51030629475912
+    },
+    {
+      "date": 1486665000000,
+      "value": 103.92840491400824
+    },
+    {
+      "date": 1486665900000,
+      "value": 98.29448418868215
+    },
+    {
+      "date": 1486666800000,
+      "value": 98.0272060394287
+    },
+    {
+      "date": 1486667700000,
+      "value": 99.63833363850911
+    },
+    {
+      "date": 1486668600000,
+      "value": 105.18764642568735
+    },
+    {
+      "date": 1486669500000,
+      "value": 97.8544118669298
+    },
+    {
+      "date": 1486670400000,
+      "value": 97.99196343672902
+    },
+    {
+      "date": 1486671300000,
+      "value": 106.30481338500977
+    },
+    {
+      "date": 1486672200000,
+      "value": 99.88215498490767
+    },
+    {
+      "date": 1486673100000,
+      "value": 93.50493303934734
+    },
+    {
+      "date": 1486674000000,
+      "value": 101.2538422175816
+    },
+    {
+      "date": 1486674900000,
+      "value": 102.07398986816406
+    },
+    {
+      "date": 1486675800000,
+      "value": 102.66583075890175
+    },
+    {
+      "date": 1486676700000,
+      "value": 108.5278158748851
+    },
+    {
+      "date": 1486677600000,
+      "value": 103.91436131795247
+    },
+    {
+      "date": 1486678500000,
+      "value": 98.55452414119945
+    },
+    {
+      "date": 1486679400000,
+      "value": 88.25028387705485
+    },
+    {
+      "date": 1486680300000,
+      "value": 93.57433591570172
+    },
+    {
+      "date": 1486681200000,
+      "value": 96.70550713172325
+    },
+    {
+      "date": 1486682100000,
+      "value": 98.14921424502418
+    },
+    {
+      "date": 1486683000000,
+      "value": 96.99264602661133
+    },
+    {
+      "date": 1486683900000,
+      "value": 88.23578810691833
+    },
+    {
+      "date": 1486684800000,
+      "value": 106.89157305265728
+    },
+    {
+      "date": 1486685700000,
+      "value": 101.07822271493765
+    },
+    {
+      "date": 1486686600000,
+      "value": 101.77820564718807
+    },
+    {
+      "date": 1486687500000,
+      "value": 102.84660829816546
+    },
+    {
+      "date": 1486688400000,
+      "value": 103.91598869772518
+    },
+    {
+      "date": 1486689300000,
+      "value": 104.73469270978656
+    },
+    {
+      "date": 1486690200000,
+      "value": 97.01155325082632
+    },
+    {
+      "date": 1486691100000,
+      "value": 104.97890539730297
+    },
+    {
+      "date": 1486692000000,
+      "value": 99.66440022786459
+    },
+    {
+      "date": 1486692900000,
+      "value": 99.64117607703575
+    },
+    {
+      "date": 1486693800000,
+      "value": 87.37038326263428
+    },
+    {
+      "date": 1486694700000,
+      "value": 105.95191955566406
+    },
+    {
+      "date": 1486695600000,
+      "value": 104.33271111382379
+    },
+    {
+      "date": 1486696500000,
+      "value": 101.93921706255745
+    },
+    {
+      "date": 1486697400000,
+      "value": 101.11774004422702
+    },
+    {
+      "date": 1486698300000,
+      "value": 101.70929403866039
+    },
+    {
+      "date": 1486699200000,
+      "value": 102.61243908221905
+    },
+    {
+      "date": 1486700100000,
+      "value": 99.16273922390408
+    },
+    {
+      "date": 1486701000000,
+      "value": 105.98729952643899
+    },
+    {
+      "date": 1486701900000,
+      "value": 114.16951904296874
+    },
+    {
+      "date": 1486702800000,
+      "value": 98.25128769874573
+    },
+    {
+      "date": 1486703700000,
+      "value": 94.25434192858245
+    },
+    {
+      "date": 1486704600000,
+      "value": 99.7759528526893
+    },
+    {
+      "date": 1486705500000,
+      "value": 113.10429502788342
+    },
+    {
+      "date": 1486706400000,
+      "value": 97.95185834711248
+    },
+    {
+      "date": 1486707300000,
+      "value": 114.46214866638184
+    },
+    {
+      "date": 1486708200000,
+      "value": 105.51880025863647
+    },
+    {
+      "date": 1486709100000,
+      "value": 99.89148930140904
+    },
+    {
+      "date": 1486710000000,
+      "value": 90.5253866369074
+    },
+    {
+      "date": 1486710900000,
+      "value": 103.66612243652344
+    },
+    {
+      "date": 1486711800000,
+      "value": 103.97851837158203
+    },
+    {
+      "date": 1486712700000,
+      "value": 92.76053659539474
+    },
+    {
+      "date": 1486713600000,
+      "value": 99.99461364746094
+    },
+    {
+      "date": 1486714500000,
+      "value": 98.20795581958912
+    },
+    {
+      "date": 1486715400000,
+      "value": 98.1934774572199
+    },
+    {
+      "date": 1486716300000,
+      "value": 108.31197377255089
+    },
+    {
+      "date": 1486717200000,
+      "value": 99.38421039581299
+    },
+    {
+      "date": 1486718100000,
+      "value": 104.38469009399414
+    },
+    {
+      "date": 1486719000000,
+      "value": 101.34095035899769
+    },
+    {
+      "date": 1486719900000,
+      "value": 94.92884694612943
+    },
+    {
+      "date": 1486720800000,
+      "value": 95.70035068805402
+    },
+    {
+      "date": 1486721700000,
+      "value": 112.62412516276042
+    },
+    {
+      "date": 1486722600000,
+      "value": 101.0589863170277
+    },
+    {
+      "date": 1486723500000,
+      "value": 103.43826499352089
+    },
+    {
+      "date": 1486724400000,
+      "value": 97.34623845418294
+    },
+    {
+      "date": 1486725300000,
+      "value": 93.52283063142195
+    },
+    {
+      "date": 1486726200000,
+      "value": 95.3814279768202
+    },
+    {
+      "date": 1486727100000,
+      "value": 98.26012741435657
+    },
+    {
+      "date": 1486728000000,
+      "value": 98.71303217034591
+    },
+    {
+      "date": 1486728900000,
+      "value": 102.21461075230648
+    },
+    {
+      "date": 1486729800000,
+      "value": 102.85733909606934
+    },
+    {
+      "date": 1486730700000,
+      "value": 96.00919923328217
+    },
+    {
+      "date": 1486731600000,
+      "value": 101.88182848975772
+    },
+    {
+      "date": 1486732500000,
+      "value": 113.05352819533576
+    },
+    {
+      "date": 1486733400000,
+      "value": 97.85373922494742
+    },
+    {
+      "date": 1486734300000,
+      "value": 104.80013868543837
+    },
+    {
+      "date": 1486735200000,
+      "value": 95.5374904979359
+    },
+    {
+      "date": 1486736100000,
+      "value": 94.15349661220203
+    },
+    {
+      "date": 1486737000000,
+      "value": 106.61536110772028
+    },
+    {
+      "date": 1486737900000,
+      "value": 107.33423829078674
+    },
+    {
+      "date": 1486738800000,
+      "value": 89.9182946054559
+    },
+    {
+      "date": 1486739700000,
+      "value": 103.46039019132915
+    },
+    {
+      "date": 1486740600000,
+      "value": 103.73232517242431
+    },
+    {
+      "date": 1486741500000,
+      "value": 108.10439191545758
+    },
+    {
+      "date": 1486742400000,
+      "value": 106.59720458984376
+    },
+    {
+      "date": 1486743300000,
+      "value": 96.27359975179037
+    },
+    {
+      "date": 1486744200000,
+      "value": 106.32768130302429
+    },
+    {
+      "date": 1486745100000,
+      "value": 106.5718282063802
+    },
+    {
+      "date": 1486746000000,
+      "value": 101.90785319010416
+    },
+    {
+      "date": 1486746900000,
+      "value": 94.41490832242098
+    },
+    {
+      "date": 1486747800000,
+      "value": 99.21687047621784
+    },
+    {
+      "date": 1486748700000,
+      "value": 93.88922267489963
+    },
+    {
+      "date": 1486749600000,
+      "value": 105.07563186645508
+    },
+    {
+      "date": 1486750500000,
+      "value": 94.24345088005066
+    },
+    {
+      "date": 1486751400000,
+      "value": 103.40311185051414
+    },
+    {
+      "date": 1486752300000,
+      "value": 101.20020031929016
+    },
+    {
+      "date": 1486753200000,
+      "value": 110.16739981515067
+    }
+  ],
+  "plotEarliest": 1486572300000,
+  "plotLatest": 1486754100000,
+  "selectedEarliest": 1486656000000,
+  "selectedLatest": 1486670399999,
+  "chartLimits": {
+    "max": 282.02533259111294,
+    "min": 84.60266517190372
+  }
+}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_filebeat.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_filebeat.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json
new file mode 100644
index 0000000000000..4fbae982d136f
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json
@@ -0,0 +1,52 @@
+[
+  {
+    "jobId": "fq-1351",
+    "detectorIndex": 0,
+    "metricFunction": "avg",
+    "timeField": "@timestamp",
+    "interval": "15m",
+    "datafeedConfig": {
+      "datafeed_id": "datafeed-fq-1351",
+      "job_id": "fq-1351",
+      "query_delay": "86658ms",
+      "indices": [
+        "farequote-2017"
+      ],
+      "types": [],
+      "query": {
+        "match_all": {
+          "boost": 1
+        }
+      },
+      "scroll_size": 1000,
+      "chunking_config": {
+        "mode": "auto"
+      },
+      "state": "stopped"
+    },
+    "metricFieldName": "responsetime",
+    "functionDescription": "mean",
+    "bucketSpanSeconds": 900,
+    "detectorLabel": "mean(responsetime)",
+    "fieldName": "responsetime",
+    "entityFields": [
+      {
+        "fieldName": "airline",
+        "fieldValue": "AAL"
+      }
+    ],
+    "infoTooltip": {
+      "jobId": "fq-1351",
+      "aggregationInterval": "15m",
+      "chartFunction": "avg responsetime",
+      "entityFields": [
+        {
+          "fieldName": "airline",
+          "fieldValue": "AAL"
+        }
+      ]
+    },
+    "loading": true,
+    "chartData": null
+  }
+]
diff --git a/x-pack/plugins/ml/public/services/results_service.js b/x-pack/plugins/ml/public/services/results_service.js
index fb13ed381ab30..6cd9e8ef6e3d4 100644
--- a/x-pack/plugins/ml/public/services/results_service.js
+++ b/x-pack/plugins/ml/public/services/results_service.js
@@ -10,11 +10,11 @@
 // Ml Results dashboards.
 import _ from 'lodash';
 
-import { ML_MEDIAN_PERCENTS } from 'plugins/ml/../common/util/job_utils';
-import { escapeForElasticsearchQuery } from 'plugins/ml/util/string_utils';
-import { ML_RESULTS_INDEX_PATTERN } from 'plugins/ml/../common/constants/index_patterns';
+import { ML_MEDIAN_PERCENTS } from '../../common/util/job_utils';
+import { escapeForElasticsearchQuery } from '../util/string_utils';
+import { ML_RESULTS_INDEX_PATTERN } from '../../common/constants/index_patterns';
 
-import { ml } from 'plugins/ml/services/ml_api_service';
+import { ml } from '../services/ml_api_service';
 
 
 // Obtains the maximum bucket anomaly scores by job ID and time.

From ab0f008374626b9538caac805e612a0d98cda9c0 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 13:15:02 +0200
Subject: [PATCH 07/14] [ML] Test coverage for all
 explorer_charts_container_service callbacks.

---
 .../explorer_charts_container_service.test.js |  25 +-
 .../explorer_charts/mock_chart_data.json      | 543 ++++++++++++++++++
 .../mock_series_promises_response.json        | 231 ++++++++
 3 files changed, 796 insertions(+), 3 deletions(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
index e3dbd1455b81c..4a90502322804 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
@@ -5,9 +5,11 @@
  */
 
 import mockAnomalyChartRecords from './mock_anomaly_chart_records.json';
+import mockChartData from './mock_chart_data.json';
 import mockDetectorsByJob from './mock_detectors_by_job.json';
 import mockJobConfig from './mock_job_config.json';
 import mockSeriesConfig from './mock_series_config_farequote.json';
+import mockSeriesPromisesResponse from './mock_series_promises_response.json';
 import mockSeriesToPlot from './mock_series_to_plot_farequote.json';
 
 jest.mock('../../services/job_service',
@@ -19,6 +21,22 @@ jest.mock('../../services/job_service',
   })
 );
 
+jest.mock('../../services/results_service',
+  () => ({
+    mlResultsService: {
+      getMetricData() {
+        return Promise.resolve(mockSeriesPromisesResponse[0][0]);
+      },
+      getRecordsForCriteria() {
+        return Promise.resolve(mockSeriesPromisesResponse[0][1]);
+      },
+      getScheduledEventsByBucket() {
+        return Promise.resolve(mockSeriesPromisesResponse[0][2]);
+      }
+    }
+  })
+);
+
 jest.mock('../../util/string_utils',
   () => ({
     mlEscape(d) { console.warn('escape', d); return d; }
@@ -32,7 +50,7 @@ const mockMlSelectSeverityService = {
 };
 
 const mockChartContainer = {
-  width() { return 1600; }
+  width() { return 1140; }
 };
 
 function mockGetDefaultData() {
@@ -101,6 +119,7 @@ describe('explorerChartsContainerService', () => {
       seriesToPlot: mockSeriesToPlot,
       layoutCellsPerChart: 6
     });
+    callbackData.push(mockChartData);
 
     const anomalyDataChangeListener = explorerChartsContainerServiceFactory(
       mockMlSelectSeverityService,
@@ -110,8 +129,8 @@ describe('explorerChartsContainerService', () => {
 
     anomalyDataChangeListener(
       mockAnomalyChartRecords,
-      mockSeriesConfig.selectedEarliest,
-      mockSeriesConfig.selectedLatest
+      1486656000000,
+      1486670399999
     );
 
     function callback(data) {
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json
new file mode 100644
index 0000000000000..6e21c982e947b
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json
@@ -0,0 +1,543 @@
+{
+  "seriesToPlot": [
+    {
+      "jobId": "fq-1351",
+      "detectorIndex": 0,
+      "metricFunction": "avg",
+      "timeField": "@timestamp",
+      "interval": "15m",
+      "datafeedConfig": {
+        "datafeed_id": "datafeed-fq-1351",
+        "job_id": "fq-1351",
+        "query_delay": "86658ms",
+        "indices": [
+          "farequote-2017"
+        ],
+        "types": [],
+        "query": {
+          "match_all": {
+            "boost": 1
+          }
+        },
+        "scroll_size": 1000,
+        "chunking_config": {
+          "mode": "auto"
+        },
+        "state": "stopped"
+      },
+      "metricFieldName": "responsetime",
+      "functionDescription": "mean",
+      "bucketSpanSeconds": 900,
+      "detectorLabel": "mean(responsetime)",
+      "fieldName": "responsetime",
+      "entityFields": [
+        {
+          "fieldName": "airline",
+          "fieldValue": "AAL"
+        }
+      ],
+      "infoTooltip": {
+        "jobId": "fq-1351",
+        "aggregationInterval": "15m",
+        "chartFunction": "avg responsetime",
+        "entityFields": [
+          {
+            "fieldName": "airline",
+            "fieldValue": "AAL"
+          }
+        ]
+      },
+      "loading": false,
+      "chartData": [
+        {
+          "date": 1486611900000,
+          "value": 95.61584963117328
+        },
+        {
+          "date": 1486612800000,
+          "value": 99.34646708170573
+        },
+        {
+          "date": 1486613700000,
+          "value": 92.54502330106847
+        },
+        {
+          "date": 1486614600000,
+          "value": 98.87258768081665
+        },
+        {
+          "date": 1486615500000,
+          "value": 102.82824816022601
+        },
+        {
+          "date": 1486616400000,
+          "value": 96.7391939163208
+        },
+        {
+          "date": 1486617300000,
+          "value": 99.72634760538737
+        },
+        {
+          "date": 1486618200000,
+          "value": 101.08556365966797
+        },
+        {
+          "date": 1486619100000,
+          "value": 84.60266517190372,
+          "anomalyScore": 0.02716009,
+          "actual": [
+            84.60266517190372
+          ],
+          "typical": [
+            99.79426367092864
+          ]
+        },
+        {
+          "date": 1486620000000,
+          "value": 105.24246263504028
+        },
+        {
+          "date": 1486620900000,
+          "value": 91.86086603800456
+        },
+        {
+          "date": 1486621800000,
+          "value": 94.5369130452474
+        },
+        {
+          "date": 1486622700000,
+          "value": 97.63843189586292
+        },
+        {
+          "date": 1486623600000,
+          "value": 93.79290502211627
+        },
+        {
+          "date": 1486624500000,
+          "value": 108.91006604362937
+        },
+        {
+          "date": 1486625400000,
+          "value": 107.46900049845378
+        },
+        {
+          "date": 1486626300000,
+          "value": 100.03502061631944
+        },
+        {
+          "date": 1486627200000,
+          "value": 92.0638559129503
+        },
+        {
+          "date": 1486628100000,
+          "value": 96.06356851678146
+        },
+        {
+          "date": 1486629000000,
+          "value": 109.89569989372703
+        },
+        {
+          "date": 1486629900000,
+          "value": 96.09498441786994
+        },
+        {
+          "date": 1486630800000,
+          "value": 105.05972120496962
+        },
+        {
+          "date": 1486631700000,
+          "value": 94.53041982650757
+        },
+        {
+          "date": 1486632600000,
+          "value": 103.37048240329908
+        },
+        {
+          "date": 1486633500000,
+          "value": 105.2058048248291
+        },
+        {
+          "date": 1486634400000,
+          "value": 102.06169471740722
+        },
+        {
+          "date": 1486635300000,
+          "value": 101.4836499955919
+        },
+        {
+          "date": 1486636200000,
+          "value": 96.34219177246094
+        },
+        {
+          "date": 1486637100000,
+          "value": 102.81613063812256
+        },
+        {
+          "date": 1486638000000,
+          "value": 96.09064518321644
+        },
+        {
+          "date": 1486638900000,
+          "value": 104.8488635012978
+        },
+        {
+          "date": 1486639800000,
+          "value": 93.45240384056454
+        },
+        {
+          "date": 1486640700000,
+          "value": 102.28834065524015
+        },
+        {
+          "date": 1486641600000,
+          "value": 104.54204668317523
+        },
+        {
+          "date": 1486642500000,
+          "value": 99.85492063823499
+        },
+        {
+          "date": 1486643400000,
+          "value": 97.12778260972765
+        },
+        {
+          "date": 1486644300000,
+          "value": 103.99638447008635
+        },
+        {
+          "date": 1486645200000,
+          "value": 95.34676822863128
+        },
+        {
+          "date": 1486646100000,
+          "value": 97.04620517383923
+        },
+        {
+          "date": 1486647000000,
+          "value": 104.2849609375
+        },
+        {
+          "date": 1486647900000,
+          "value": 97.88982413796818
+        },
+        {
+          "date": 1486648800000,
+          "value": 99.03312370300293
+        },
+        {
+          "date": 1486649700000,
+          "value": 105.5509593963623
+        },
+        {
+          "date": 1486650600000,
+          "value": 100.49496881585372
+        },
+        {
+          "date": 1486651500000,
+          "value": 99.06059494018555
+        },
+        {
+          "date": 1486652400000,
+          "value": 90.58293914794922
+        },
+        {
+          "date": 1486653300000,
+          "value": 92.8633090655009
+        },
+        {
+          "date": 1486654200000,
+          "value": 96.12510445004418
+        },
+        {
+          "date": 1486655100000,
+          "value": 100.4840145111084
+        },
+        {
+          "date": 1486656000000,
+          "value": 242.3568918440077,
+          "anomalyScore": 98.56065708456248,
+          "actual": [
+            242.3568918440077
+          ],
+          "typical": [
+            99.81123207526203
+          ]
+        },
+        {
+          "date": 1486656900000,
+          "value": 282.02533259111294,
+          "anomalyScore": 96.93718,
+          "actual": [
+            282.02533259111306
+          ],
+          "typical": [
+            100.02884159032787
+          ]
+        },
+        {
+          "date": 1486657800000,
+          "value": 100.15823459625244
+        },
+        {
+          "date": 1486658700000,
+          "value": 97.5446532754337
+        },
+        {
+          "date": 1486659600000,
+          "value": 99.53840043809679
+        },
+        {
+          "date": 1486660500000,
+          "value": 101.24810005636776
+        },
+        {
+          "date": 1486661400000,
+          "value": 101.11400771141052
+        },
+        {
+          "date": 1486662300000,
+          "value": 100.70463662398488
+        },
+        {
+          "date": 1486663200000,
+          "value": 110.70174247340152
+        },
+        {
+          "date": 1486664100000,
+          "value": 96.51030629475912
+        },
+        {
+          "date": 1486665000000,
+          "value": 103.92840491400824
+        },
+        {
+          "date": 1486665900000,
+          "value": 98.29448418868215
+        },
+        {
+          "date": 1486666800000,
+          "value": 98.0272060394287
+        },
+        {
+          "date": 1486667700000,
+          "value": 99.63833363850911
+        },
+        {
+          "date": 1486668600000,
+          "value": 105.18764642568735
+        },
+        {
+          "date": 1486669500000,
+          "value": 97.8544118669298
+        },
+        {
+          "date": 1486670400000,
+          "value": 97.99196343672902
+        },
+        {
+          "date": 1486671300000,
+          "value": 106.30481338500977
+        },
+        {
+          "date": 1486672200000,
+          "value": 99.88215498490767
+        },
+        {
+          "date": 1486673100000,
+          "value": 93.50493303934734
+        },
+        {
+          "date": 1486674000000,
+          "value": 101.2538422175816
+        },
+        {
+          "date": 1486674900000,
+          "value": 102.07398986816406
+        },
+        {
+          "date": 1486675800000,
+          "value": 102.66583075890175
+        },
+        {
+          "date": 1486676700000,
+          "value": 108.5278158748851
+        },
+        {
+          "date": 1486677600000,
+          "value": 103.91436131795247
+        },
+        {
+          "date": 1486678500000,
+          "value": 98.55452414119945
+        },
+        {
+          "date": 1486679400000,
+          "value": 88.25028387705485
+        },
+        {
+          "date": 1486680300000,
+          "value": 93.57433591570172
+        },
+        {
+          "date": 1486681200000,
+          "value": 96.70550713172325
+        },
+        {
+          "date": 1486682100000,
+          "value": 98.14921424502418
+        },
+        {
+          "date": 1486683000000,
+          "value": 96.99264602661133
+        },
+        {
+          "date": 1486683900000,
+          "value": 88.23578810691833
+        },
+        {
+          "date": 1486684800000,
+          "value": 106.89157305265728
+        },
+        {
+          "date": 1486685700000,
+          "value": 101.07822271493765
+        },
+        {
+          "date": 1486686600000,
+          "value": 101.77820564718807
+        },
+        {
+          "date": 1486687500000,
+          "value": 102.84660829816546
+        },
+        {
+          "date": 1486688400000,
+          "value": 103.91598869772518
+        },
+        {
+          "date": 1486689300000,
+          "value": 104.73469270978656
+        },
+        {
+          "date": 1486690200000,
+          "value": 97.01155325082632
+        },
+        {
+          "date": 1486691100000,
+          "value": 104.97890539730297
+        },
+        {
+          "date": 1486692000000,
+          "value": 99.66440022786459
+        },
+        {
+          "date": 1486692900000,
+          "value": 99.64117607703575
+        },
+        {
+          "date": 1486693800000,
+          "value": 87.37038326263428
+        },
+        {
+          "date": 1486694700000,
+          "value": 105.95191955566406
+        },
+        {
+          "date": 1486695600000,
+          "value": 104.33271111382379
+        },
+        {
+          "date": 1486696500000,
+          "value": 101.93921706255745
+        },
+        {
+          "date": 1486697400000,
+          "value": 101.11774004422702
+        },
+        {
+          "date": 1486698300000,
+          "value": 101.70929403866039
+        },
+        {
+          "date": 1486699200000,
+          "value": 102.61243908221905
+        },
+        {
+          "date": 1486700100000,
+          "value": 99.16273922390408
+        },
+        {
+          "date": 1486701000000,
+          "value": 105.98729952643899
+        },
+        {
+          "date": 1486701900000,
+          "value": 114.16951904296874
+        },
+        {
+          "date": 1486702800000,
+          "value": 98.25128769874573
+        },
+        {
+          "date": 1486703700000,
+          "value": 94.25434192858245
+        },
+        {
+          "date": 1486704600000,
+          "value": 99.7759528526893
+        },
+        {
+          "date": 1486705500000,
+          "value": 113.10429502788342
+        },
+        {
+          "date": 1486706400000,
+          "value": 97.95185834711248
+        },
+        {
+          "date": 1486707300000,
+          "value": 114.46214866638184
+        },
+        {
+          "date": 1486708200000,
+          "value": 105.51880025863647
+        },
+        {
+          "date": 1486709100000,
+          "value": 99.89148930140904
+        },
+        {
+          "date": 1486710000000,
+          "value": 90.5253866369074
+        },
+        {
+          "date": 1486710900000,
+          "value": 103.66612243652344
+        },
+        {
+          "date": 1486711800000,
+          "value": 103.97851837158203
+        },
+        {
+          "date": 1486712700000,
+          "value": 92.76053659539474
+        },
+        {
+          "date": 1486713600000,
+          "value": 99.99461364746094
+        }
+      ],
+      "plotEarliest": 1486611900000,
+      "plotLatest": 1486714500000,
+      "selectedEarliest": 1486656000000,
+      "selectedLatest": 1486670399999,
+      "chartLimits": {
+        "max": 282.02533259111294,
+        "min": 84.60266517190372
+      }
+    }
+  ],
+  "layoutCellsPerChart": 6,
+  "tooManyBuckets": false,
+  "timeFieldName": "timestamp"
+}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json
new file mode 100644
index 0000000000000..6dc94b47281dd
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json
@@ -0,0 +1,231 @@
+[
+  [
+    {
+      "success": true,
+      "results": {
+        "1486611900000": 95.61584963117328,
+        "1486612800000": 99.34646708170573,
+        "1486613700000": 92.54502330106847,
+        "1486614600000": 98.87258768081665,
+        "1486615500000": 102.82824816022601,
+        "1486616400000": 96.7391939163208,
+        "1486617300000": 99.72634760538737,
+        "1486618200000": 101.08556365966797,
+        "1486619100000": 84.60266517190372,
+        "1486620000000": 105.24246263504028,
+        "1486620900000": 91.86086603800456,
+        "1486621800000": 94.5369130452474,
+        "1486622700000": 97.63843189586292,
+        "1486623600000": 93.79290502211627,
+        "1486624500000": 108.91006604362937,
+        "1486625400000": 107.46900049845378,
+        "1486626300000": 100.03502061631944,
+        "1486627200000": 92.0638559129503,
+        "1486628100000": 96.06356851678146,
+        "1486629000000": 109.89569989372703,
+        "1486629900000": 96.09498441786994,
+        "1486630800000": 105.05972120496962,
+        "1486631700000": 94.53041982650757,
+        "1486632600000": 103.37048240329908,
+        "1486633500000": 105.2058048248291,
+        "1486634400000": 102.06169471740722,
+        "1486635300000": 101.4836499955919,
+        "1486636200000": 96.34219177246094,
+        "1486637100000": 102.81613063812256,
+        "1486638000000": 96.09064518321644,
+        "1486638900000": 104.8488635012978,
+        "1486639800000": 93.45240384056454,
+        "1486640700000": 102.28834065524015,
+        "1486641600000": 104.54204668317523,
+        "1486642500000": 99.85492063823499,
+        "1486643400000": 97.12778260972765,
+        "1486644300000": 103.99638447008635,
+        "1486645200000": 95.34676822863128,
+        "1486646100000": 97.04620517383923,
+        "1486647000000": 104.2849609375,
+        "1486647900000": 97.88982413796818,
+        "1486648800000": 99.03312370300293,
+        "1486649700000": 105.5509593963623,
+        "1486650600000": 100.49496881585372,
+        "1486651500000": 99.06059494018555,
+        "1486652400000": 90.58293914794922,
+        "1486653300000": 92.8633090655009,
+        "1486654200000": 96.12510445004418,
+        "1486655100000": 100.4840145111084,
+        "1486656000000": 242.3568918440077,
+        "1486656900000": 282.02533259111294,
+        "1486657800000": 100.15823459625244,
+        "1486658700000": 97.5446532754337,
+        "1486659600000": 99.53840043809679,
+        "1486660500000": 101.24810005636776,
+        "1486661400000": 101.11400771141052,
+        "1486662300000": 100.70463662398488,
+        "1486663200000": 110.70174247340152,
+        "1486664100000": 96.51030629475912,
+        "1486665000000": 103.92840491400824,
+        "1486665900000": 98.29448418868215,
+        "1486666800000": 98.0272060394287,
+        "1486667700000": 99.63833363850911,
+        "1486668600000": 105.18764642568735,
+        "1486669500000": 97.8544118669298,
+        "1486670400000": 97.99196343672902,
+        "1486671300000": 106.30481338500977,
+        "1486672200000": 99.88215498490767,
+        "1486673100000": 93.50493303934734,
+        "1486674000000": 101.2538422175816,
+        "1486674900000": 102.07398986816406,
+        "1486675800000": 102.66583075890175,
+        "1486676700000": 108.5278158748851,
+        "1486677600000": 103.91436131795247,
+        "1486678500000": 98.55452414119945,
+        "1486679400000": 88.25028387705485,
+        "1486680300000": 93.57433591570172,
+        "1486681200000": 96.70550713172325,
+        "1486682100000": 98.14921424502418,
+        "1486683000000": 96.99264602661133,
+        "1486683900000": 88.23578810691833,
+        "1486684800000": 106.89157305265728,
+        "1486685700000": 101.07822271493765,
+        "1486686600000": 101.77820564718807,
+        "1486687500000": 102.84660829816546,
+        "1486688400000": 103.91598869772518,
+        "1486689300000": 104.73469270978656,
+        "1486690200000": 97.01155325082632,
+        "1486691100000": 104.97890539730297,
+        "1486692000000": 99.66440022786459,
+        "1486692900000": 99.64117607703575,
+        "1486693800000": 87.37038326263428,
+        "1486694700000": 105.95191955566406,
+        "1486695600000": 104.33271111382379,
+        "1486696500000": 101.93921706255745,
+        "1486697400000": 101.11774004422702,
+        "1486698300000": 101.70929403866039,
+        "1486699200000": 102.61243908221905,
+        "1486700100000": 99.16273922390408,
+        "1486701000000": 105.98729952643899,
+        "1486701900000": 114.16951904296874,
+        "1486702800000": 98.25128769874573,
+        "1486703700000": 94.25434192858245,
+        "1486704600000": 99.7759528526893,
+        "1486705500000": 113.10429502788342,
+        "1486706400000": 97.95185834711248,
+        "1486707300000": 114.46214866638184,
+        "1486708200000": 105.51880025863647,
+        "1486709100000": 99.89148930140904,
+        "1486710000000": 90.5253866369074,
+        "1486710900000": 103.66612243652344,
+        "1486711800000": 103.97851837158203,
+        "1486712700000": 92.76053659539474,
+        "1486713600000": 99.99461364746094
+      }
+    },
+    {
+      "success": true,
+      "records": [
+        {
+          "job_id": "fq-1351",
+          "result_type": "record",
+          "probability": 1.6552181439816634e-32,
+          "record_score": 98.56065708456248,
+          "initial_record_score": 98.56065708456248,
+          "bucket_span": 900,
+          "detector_index": 0,
+          "is_interim": false,
+          "timestamp": 1486656000000,
+          "partition_field_name": "airline",
+          "partition_field_value": "AAL",
+          "function": "mean",
+          "function_description": "mean",
+          "typical": [
+            99.81123207526203
+          ],
+          "actual": [
+            242.3568918440077
+          ],
+          "field_name": "responsetime",
+          "influencers": [
+            {
+              "influencer_field_name": "airline",
+              "influencer_field_values": [
+                "AAL"
+              ]
+            }
+          ],
+          "airline": [
+            "AAL"
+          ]
+        },
+        {
+          "job_id": "fq-1351",
+          "result_type": "record",
+          "probability": 2.6276047868032343e-28,
+          "record_score": 96.93718,
+          "initial_record_score": 92.70812367638732,
+          "bucket_span": 900,
+          "detector_index": 0,
+          "is_interim": false,
+          "timestamp": 1486656900000,
+          "partition_field_name": "airline",
+          "partition_field_value": "AAL",
+          "function": "mean",
+          "function_description": "mean",
+          "typical": [
+            100.02884159032787
+          ],
+          "actual": [
+            282.02533259111306
+          ],
+          "field_name": "responsetime",
+          "influencers": [
+            {
+              "influencer_field_name": "airline",
+              "influencer_field_values": [
+                "AAL"
+              ]
+            }
+          ],
+          "airline": [
+            "AAL"
+          ]
+        },
+        {
+          "job_id": "fq-1351",
+          "result_type": "record",
+          "probability": 0.013283203854072794,
+          "record_score": 0.02716009,
+          "initial_record_score": 0.6110770406098681,
+          "bucket_span": 900,
+          "detector_index": 0,
+          "is_interim": false,
+          "timestamp": 1486619100000,
+          "partition_field_name": "airline",
+          "partition_field_value": "AAL",
+          "function": "mean",
+          "function_description": "mean",
+          "typical": [
+            99.79426367092864
+          ],
+          "actual": [
+            84.60266517190372
+          ],
+          "field_name": "responsetime",
+          "influencers": [
+            {
+              "influencer_field_name": "airline",
+              "influencer_field_values": [
+                "AAL"
+              ]
+            }
+          ],
+          "airline": [
+            "AAL"
+          ]
+        }
+      ]
+    },
+    {
+      "success": true,
+      "events": {}
+    }
+  ]
+]

From 76b0e3f8d5ecca2f79daf7bdad2ad3a83eab5013 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 13:21:23 +0200
Subject: [PATCH 08/14] [ML] Moved mock data to __mocks__ directory.

---
 .../mock_anomaly_chart_records.json              |  0
 .../{ => __mocks__}/mock_anomaly_record.json     |  0
 .../mock_chart_config_builder_config.json        |  0
 .../{ => __mocks__}/mock_chart_data.json         |  0
 .../{ => __mocks__}/mock_detectors_by_job.json   |  0
 .../{ => __mocks__}/mock_job_config.json         |  0
 .../mock_series_config_farequote.json            |  0
 .../mock_series_config_filebeat.json             |  0
 .../mock_series_promises_response.json           |  0
 .../mock_series_to_plot_farequote.json           |  0
 .../explorer_charts/explore_series.test.js       |  2 +-
 .../explorer_charts/explorer_chart.test.js       |  2 +-
 .../explorer_chart_config_builder.test.js        |  8 ++++----
 .../explorer_chart_tooltip.test.js               |  2 +-
 .../explorer_charts_container_service.test.js    | 16 ++++++++--------
 15 files changed, 15 insertions(+), 15 deletions(-)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_anomaly_chart_records.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_anomaly_record.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_chart_config_builder_config.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_chart_data.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_detectors_by_job.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_job_config.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_series_config_farequote.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_series_config_filebeat.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_series_promises_response.json (100%)
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{ => __mocks__}/mock_series_to_plot_farequote.json (100%)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_chart_records.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_anomaly_record.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_config_builder_config.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_chart_data.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_detectors_by_job.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_job_config.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_farequote.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_filebeat.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_config_filebeat.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_promises_response.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
similarity index 100%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/mock_series_to_plot_farequote.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
index 4c1b849d9f2ab..b572e1d36d1ef 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import seriesConfig from './mock_series_config_filebeat';
+import seriesConfig from './__mocks__/mock_series_config_filebeat';
 
 jest.mock('ui/chrome',
   () => ({
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index 1f339cd0ebbec..f5a537331b868 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import seriesConfig from './mock_series_config_filebeat.json';
+import seriesConfig from './__mocks__/mock_series_config_filebeat.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
index 59ee814cdf54b..a197502f2e977 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
@@ -4,10 +4,10 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import mockAnomalyRecord from './mock_anomaly_record.json';
-import mockChartConfigBuildConfig from './mock_chart_config_builder_config.json';
-import mockDetectorsByJob from './mock_detectors_by_job.json';
-import mockJobConfig from './mock_job_config.json';
+import mockAnomalyRecord from './__mocks__/mock_anomaly_record.json';
+import mockChartConfigBuildConfig from './__mocks__/mock_chart_config_builder_config.json';
+import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
+import mockJobConfig from './__mocks__/mock_job_config.json';
 
 jest.mock('../../util/ml_error',
   () => (class MLRequestFailure {})
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
index 9fc90d77d16f1..6d309239805f0 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
@@ -5,7 +5,7 @@
  */
 
 
-import mockConfig from './mock_chart_config_builder_config.json';
+import mockConfig from './__mocks__/mock_chart_config_builder_config.json';
 
 import { shallow } from 'enzyme';
 import React from 'react';
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
index 4a90502322804..592bd408f5310 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
@@ -4,13 +4,13 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import mockAnomalyChartRecords from './mock_anomaly_chart_records.json';
-import mockChartData from './mock_chart_data.json';
-import mockDetectorsByJob from './mock_detectors_by_job.json';
-import mockJobConfig from './mock_job_config.json';
-import mockSeriesConfig from './mock_series_config_farequote.json';
-import mockSeriesPromisesResponse from './mock_series_promises_response.json';
-import mockSeriesToPlot from './mock_series_to_plot_farequote.json';
+import mockAnomalyChartRecords from './__mocks__/mock_anomaly_chart_records.json';
+import mockChartData from './__mocks__/mock_chart_data.json';
+import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
+import mockJobConfig from './__mocks__/mock_job_config.json';
+import mockSeriesConfig from './__mocks__/mock_series_config_farequote.json';
+import mockSeriesPromisesResponse from './__mocks__/mock_series_promises_response.json';
+import mockSeriesToPlot from './__mocks__/mock_series_to_plot_farequote.json';
 
 jest.mock('../../services/job_service',
   () => ({
@@ -39,7 +39,7 @@ jest.mock('../../services/results_service',
 
 jest.mock('../../util/string_utils',
   () => ({
-    mlEscape(d) { console.warn('escape', d); return d; }
+    mlEscape(d) { return d; }
   })
 );
 

From f6c3b4b5b231d47c613f15aa501c03debb0152ed Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 13:48:55 +0200
Subject: [PATCH 09/14] [ML] Tests for ExplorerChartsContainer.

---
 .../explorer_charts_container.test.js.snap    | 54 ++++++++++++++
 .../explorer_charts_container.test.js         | 72 +++++++++++++++++++
 2 files changed, 126 insertions(+)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
new file mode 100644
index 0000000000000..d2d6c19b7f837
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ExplorerChartsContainer Initialization with chart data 1`] = `
+<div
+  className="explorer-chart-label"
+>
+  <div
+    className="explorer-chart-label-fields"
+  >
+    <span>
+      mean(responsetime)
+       - 
+    </span>
+    <span
+      key="0"
+    >
+      airline
+       
+      AAL
+    </span>
+  </div>
+  <EuiIconTip
+    aria-label="Info"
+    content={
+      <ExplorerChartTooltip
+        aggregationInterval="15m"
+        chartFunction="avg responsetime"
+        entityFields={
+          Array [
+            Object {
+              "fieldName": "airline",
+              "fieldValue": "AAL",
+            },
+          ]
+        }
+        jobId="fq-1351"
+      />
+    }
+    position="left"
+    size="s"
+    type="questionInCircle"
+  />
+  <a
+    className="euiLink"
+    onClick={[Function]}
+  >
+    View 
+    <i
+      aria-hidden="true"
+      className="fa fa-external-link"
+    />
+  </a>
+</div>
+`;
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
new file mode 100644
index 0000000000000..1fc138d6a7135
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
@@ -0,0 +1,72 @@
+/*
+ * 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 mockChartData from './__mocks__/mock_chart_data.json';
+
+// Mock TimeBuckets and mlFieldFormatService, they don't play well
+// with the jest based test setup yet.
+jest.mock('ui/time_buckets', () => ({
+  TimeBuckets: function () {
+    this.setBounds = jest.fn();
+    this.setInterval = jest.fn();
+    this.getScaledDateFormat = jest.fn();
+  }
+}));
+jest.mock('../../services/field_format_service', () => ({
+  mlFieldFormatService: {
+    getFieldFormat: jest.fn()
+  }
+}));
+
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import { mlChartTooltipService } from '../../components/chart_tooltip/chart_tooltip_service';
+
+import { ExplorerChartsContainer } from './explorer_charts_container';
+
+describe('ExplorerChartsContainer', () => {
+  const mlSelectSeverityServiceMock = {
+    state: {
+      get: () => ({
+        val: ''
+      })
+    }
+  };
+
+  const mockedGetBBox = { x: 0, y: -11.5, width: 12.1875, height: 14.5 };
+  const originalGetBBox = SVGElement.prototype.getBBox;
+  beforeEach(() => SVGElement.prototype.getBBox = () => {
+    return mockedGetBBox;
+  });
+  afterEach(() => (SVGElement.prototype.getBBox = originalGetBBox));
+
+  test('Minimal Initialization', () => {
+    const wrapper = shallow(<ExplorerChartsContainer
+      seriesToPlot={[]}
+      layoutCellsPerChart={12}
+      tooManyBuckets={false}
+      mlSelectSeverityService={mlSelectSeverityServiceMock}
+      mlChartTooltipService={mlChartTooltipService}
+    />);
+
+    expect(wrapper.html()).toBe('<div class="explorer-charts"></div>');
+  });
+
+  test('Initialization with chart data', () => {
+    const wrapper = shallow(<ExplorerChartsContainer
+      seriesToPlot={mockChartData.seriesToPlot}
+      layoutCellsPerChart={mockChartData.layoutCellsPerChart}
+      tooManyBuckets={mockChartData.tooManyBuckets}
+      mlSelectSeverityService={mlSelectSeverityServiceMock}
+      mlChartTooltipService={mlChartTooltipService}
+    />);
+
+    // Only do a snapshot of the label section, the included
+    // ExplorerChart component does that in its own tests anyway.
+    expect(wrapper.find('.explorer-chart-label')).toMatchSnapshot();
+  });
+});

From 3bb85ae38664a55d48427c24ef441856b8999c47 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 13:50:57 +0200
Subject: [PATCH 10/14] [ML] Change mock job id.

---
 .../__mocks__/mock_anomaly_chart_records.json          |  4 ++--
 .../explorer_charts/__mocks__/mock_anomaly_record.json |  2 +-
 .../__mocks__/mock_chart_config_builder_config.json    |  8 ++++----
 .../explorer_charts/__mocks__/mock_chart_data.json     |  8 ++++----
 .../__mocks__/mock_detectors_by_job.json               |  2 +-
 .../explorer_charts/__mocks__/mock_job_config.json     | 10 +++++-----
 .../__mocks__/mock_series_config_farequote.json        |  8 ++++----
 .../__mocks__/mock_series_promises_response.json       |  6 +++---
 .../__mocks__/mock_series_to_plot_farequote.json       |  8 ++++----
 .../__snapshots__/explorer_chart_tooltip.test.js.snap  |  2 +-
 .../explorer_charts_container.test.js.snap             |  2 +-
 11 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json
index 1817634580de4..3f106d399f852 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_chart_records.json
@@ -1,6 +1,6 @@
 [
   {
-    "job_id": "fq-1351",
+    "job_id": "mock-job-id",
     "result_type": "record",
     "probability": 1.6552181439816634e-32,
     "record_score": 98.56065708456248,
@@ -33,7 +33,7 @@
     ]
   },
   {
-    "job_id": "fq-1351",
+    "job_id": "mock-job-id",
     "result_type": "record",
     "probability": 2.6276047868032343e-28,
     "record_score": 96.93718,
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json
index 790953d537587..ccc13b6a815a4 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_anomaly_record.json
@@ -1,5 +1,5 @@
 {
-  "job_id": "fq-1351",
+  "job_id": "mock-job-id",
   "result_type": "record",
   "probability": 0.000374234162864467,
   "record_score": 1.3677172011743646,
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
index 2ab4129129589..592a61209d16e 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
@@ -1,12 +1,12 @@
 {
-  "jobId": "fq-1351",
+  "jobId": "mock-job-id",
   "detectorIndex": 0,
   "metricFunction": "avg",
   "timeField": "@timestamp",
   "interval": "15m",
   "datafeedConfig": {
-    "datafeed_id": "datafeed-fq-1351",
-    "job_id": "fq-1351",
+    "datafeed_id": "datafeed-mock-job-id",
+    "job_id": "mock-job-id",
     "query_delay": "86658ms",
     "indices": [
       "farequote-2017"
@@ -35,7 +35,7 @@
     }
   ],
   "infoTooltip": {
-    "jobId": "fq-1351",
+    "jobId": "mock-job-id",
     "aggregationInterval": "15m",
     "chartFunction": "avg responsetime",
     "entityFields": [
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
index 6e21c982e947b..7e7b449227451 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
@@ -1,14 +1,14 @@
 {
   "seriesToPlot": [
     {
-      "jobId": "fq-1351",
+      "jobId": "mock-job-id",
       "detectorIndex": 0,
       "metricFunction": "avg",
       "timeField": "@timestamp",
       "interval": "15m",
       "datafeedConfig": {
-        "datafeed_id": "datafeed-fq-1351",
-        "job_id": "fq-1351",
+        "datafeed_id": "datafeed-mock-job-id",
+        "job_id": "mock-job-id",
         "query_delay": "86658ms",
         "indices": [
           "farequote-2017"
@@ -37,7 +37,7 @@
         }
       ],
       "infoTooltip": {
-        "jobId": "fq-1351",
+        "jobId": "mock-job-id",
         "aggregationInterval": "15m",
         "chartFunction": "avg responsetime",
         "entityFields": [
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json
index 30b53879885ea..f45a2d5b8f2b9 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_detectors_by_job.json
@@ -1,5 +1,5 @@
 {
-  "fq-1351": [
+  "mock-job-id": [
     {
       "detector_description": "mean(responsetime)",
       "function": "mean",
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json
index 145551193d6b8..2750ad84a8308 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_job_config.json
@@ -1,5 +1,5 @@
 {
-  "job_id": "fq-1351",
+  "job_id": "mock-job-id",
   "job_type": "anomaly_detector",
   "job_version": "7.0.0-alpha1",
   "description": "",
@@ -37,7 +37,7 @@
   "model_snapshot_min_version": "6.4.0",
   "results_index_name": "shared",
   "data_counts": {
-    "job_id": "fq-1351",
+    "job_id": "mock-job-id",
     "processed_record_count": 86274,
     "processed_field_count": 172548,
     "input_bytes": 6744642,
@@ -54,7 +54,7 @@
     "input_record_count": 86274
   },
   "model_size_stats": {
-    "job_id": "fq-1351",
+    "job_id": "mock-job-id",
     "result_type": "model_size_stats",
     "model_bytes": 560894,
     "total_by_field_count": 21,
@@ -66,8 +66,8 @@
     "timestamp": 1486855800000
   },
   "datafeed_config": {
-    "datafeed_id": "datafeed-fq-1351",
-    "job_id": "fq-1351",
+    "datafeed_id": "datafeed-mock-job-id",
+    "job_id": "mock-job-id",
     "query_delay": "86658ms",
     "indices": [
       "farequote-2017"
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
index 10c9cde5560e6..b1a91b6ee7020 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
@@ -1,12 +1,12 @@
 {
-  "jobId": "fq-1351",
+  "jobId": "mock-job-id",
   "detectorIndex": 0,
   "metricFunction": "avg",
   "timeField": "@timestamp",
   "interval": "15m",
   "datafeedConfig": {
-    "datafeed_id": "datafeed-fq-1351",
-    "job_id": "fq-1351",
+    "datafeed_id": "datafeed-mock-job-id",
+    "job_id": "mock-job-id",
     "query_delay": "86658ms",
     "indices": [
       "farequote-2017"
@@ -35,7 +35,7 @@
     }
   ],
   "infoTooltip": {
-    "jobId": "fq-1351",
+    "jobId": "mock-job-id",
     "aggregationInterval": "15m",
     "chartFunction": "avg responsetime",
     "entityFields": [
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json
index 6dc94b47281dd..b2d51e7de713b 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_promises_response.json
@@ -123,7 +123,7 @@
       "success": true,
       "records": [
         {
-          "job_id": "fq-1351",
+          "job_id": "mock-job-id",
           "result_type": "record",
           "probability": 1.6552181439816634e-32,
           "record_score": 98.56065708456248,
@@ -156,7 +156,7 @@
           ]
         },
         {
-          "job_id": "fq-1351",
+          "job_id": "mock-job-id",
           "result_type": "record",
           "probability": 2.6276047868032343e-28,
           "record_score": 96.93718,
@@ -189,7 +189,7 @@
           ]
         },
         {
-          "job_id": "fq-1351",
+          "job_id": "mock-job-id",
           "result_type": "record",
           "probability": 0.013283203854072794,
           "record_score": 0.02716009,
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
index 4fbae982d136f..9fbcecc6f46bb 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
@@ -1,13 +1,13 @@
 [
   {
-    "jobId": "fq-1351",
+    "jobId": "mock-job-id",
     "detectorIndex": 0,
     "metricFunction": "avg",
     "timeField": "@timestamp",
     "interval": "15m",
     "datafeedConfig": {
-      "datafeed_id": "datafeed-fq-1351",
-      "job_id": "fq-1351",
+      "datafeed_id": "datafeed-mock-job-id",
+      "job_id": "mock-job-id",
       "query_delay": "86658ms",
       "indices": [
         "farequote-2017"
@@ -36,7 +36,7 @@
       }
     ],
     "infoTooltip": {
-      "jobId": "fq-1351",
+      "jobId": "mock-job-id",
       "aggregationInterval": "15m",
       "chartFunction": "avg responsetime",
       "entityFields": [
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
index a61c1aeee2915..c602bc0373c51 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_tooltip.test.js.snap
@@ -5,7 +5,7 @@ exports[`ExplorerChartTooltip Render tooltip based on infoTooltip data. 1`] = `
   className="explorer-chart-info-tooltip"
 >
   job ID: 
-  fq-1351
+  mock-job-id
   <br />
   aggregation interval: 
   15m
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
index d2d6c19b7f837..d3e551fbb9ed0 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
@@ -33,7 +33,7 @@ exports[`ExplorerChartsContainer Initialization with chart data 1`] = `
             },
           ]
         }
-        jobId="fq-1351"
+        jobId="mock-job-id"
       />
     }
     position="left"

From 899e58010964240ee8d140f4f19dd5f3dbc207b4 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 16:37:26 +0200
Subject: [PATCH 11/14] [ML] Optimize mock data handling.

---
 .../__mocks__/mock_chart_data.js              |  26 +
 .../__mocks__/mock_chart_data.json            | 543 -----------
 .../mock_series_config_farequote.json         | 902 ------------------
 .../mock_series_config_filebeat.json          |  12 +-
 .../mock_series_to_plot_farequote.json        |  52 -
 ...xplorer_chart_config_builder.test.js.snap} |  76 +-
 .../explorer_charts_container.test.js.snap    |  16 +-
 ...orer_charts_container_service.test.js.snap | 616 ++++++++++++
 .../explorer_charts/explorer_chart.test.js    |  25 +-
 .../explorer_chart_config_builder.test.js     |   3 +-
 .../explorer_chart_tooltip.test.js            |  14 +-
 .../explorer_charts_container.test.js         |  14 +-
 .../explorer_charts_container_service.test.js |  26 +-
 13 files changed, 732 insertions(+), 1593 deletions(-)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.js
 delete mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
 delete mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
 delete mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
 rename x-pack/plugins/ml/public/explorer/explorer_charts/{__mocks__/mock_chart_config_builder_config.json => __snapshots__/explorer_chart_config_builder.test.js.snap} (52%)
 create mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container_service.test.js.snap

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.js b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.js
new file mode 100644
index 0000000000000..e150335114a20
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.js
@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+
+export const chartData = [
+  {
+    date: new Date('2017-02-23T08:00:00.000Z'),
+    value: 228243469, anomalyScore: 63.32916, numberOfCauses: 1,
+    actual: [228243469], typical: [133107.7703441773]
+  },
+  { date: new Date('2017-02-23T09:00:00.000Z'), value: null },
+  { date: new Date('2017-02-23T10:00:00.000Z'), value: null },
+  { date: new Date('2017-02-23T11:00:00.000Z'), value: null },
+  {
+    date: new Date('2017-02-23T12:00:00.000Z'),
+    value: 625736376, anomalyScore: 97.32085, numberOfCauses: 1,
+    actual: [625736376], typical: [132830.424736973]
+  },
+  {
+    date: new Date('2017-02-23T13:00:00.000Z'),
+    value: 201039318, anomalyScore: 59.83488, numberOfCauses: 1,
+    actual: [201039318], typical: [132739.5267403542]
+  }
+];
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
deleted file mode 100644
index 7e7b449227451..0000000000000
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_data.json
+++ /dev/null
@@ -1,543 +0,0 @@
-{
-  "seriesToPlot": [
-    {
-      "jobId": "mock-job-id",
-      "detectorIndex": 0,
-      "metricFunction": "avg",
-      "timeField": "@timestamp",
-      "interval": "15m",
-      "datafeedConfig": {
-        "datafeed_id": "datafeed-mock-job-id",
-        "job_id": "mock-job-id",
-        "query_delay": "86658ms",
-        "indices": [
-          "farequote-2017"
-        ],
-        "types": [],
-        "query": {
-          "match_all": {
-            "boost": 1
-          }
-        },
-        "scroll_size": 1000,
-        "chunking_config": {
-          "mode": "auto"
-        },
-        "state": "stopped"
-      },
-      "metricFieldName": "responsetime",
-      "functionDescription": "mean",
-      "bucketSpanSeconds": 900,
-      "detectorLabel": "mean(responsetime)",
-      "fieldName": "responsetime",
-      "entityFields": [
-        {
-          "fieldName": "airline",
-          "fieldValue": "AAL"
-        }
-      ],
-      "infoTooltip": {
-        "jobId": "mock-job-id",
-        "aggregationInterval": "15m",
-        "chartFunction": "avg responsetime",
-        "entityFields": [
-          {
-            "fieldName": "airline",
-            "fieldValue": "AAL"
-          }
-        ]
-      },
-      "loading": false,
-      "chartData": [
-        {
-          "date": 1486611900000,
-          "value": 95.61584963117328
-        },
-        {
-          "date": 1486612800000,
-          "value": 99.34646708170573
-        },
-        {
-          "date": 1486613700000,
-          "value": 92.54502330106847
-        },
-        {
-          "date": 1486614600000,
-          "value": 98.87258768081665
-        },
-        {
-          "date": 1486615500000,
-          "value": 102.82824816022601
-        },
-        {
-          "date": 1486616400000,
-          "value": 96.7391939163208
-        },
-        {
-          "date": 1486617300000,
-          "value": 99.72634760538737
-        },
-        {
-          "date": 1486618200000,
-          "value": 101.08556365966797
-        },
-        {
-          "date": 1486619100000,
-          "value": 84.60266517190372,
-          "anomalyScore": 0.02716009,
-          "actual": [
-            84.60266517190372
-          ],
-          "typical": [
-            99.79426367092864
-          ]
-        },
-        {
-          "date": 1486620000000,
-          "value": 105.24246263504028
-        },
-        {
-          "date": 1486620900000,
-          "value": 91.86086603800456
-        },
-        {
-          "date": 1486621800000,
-          "value": 94.5369130452474
-        },
-        {
-          "date": 1486622700000,
-          "value": 97.63843189586292
-        },
-        {
-          "date": 1486623600000,
-          "value": 93.79290502211627
-        },
-        {
-          "date": 1486624500000,
-          "value": 108.91006604362937
-        },
-        {
-          "date": 1486625400000,
-          "value": 107.46900049845378
-        },
-        {
-          "date": 1486626300000,
-          "value": 100.03502061631944
-        },
-        {
-          "date": 1486627200000,
-          "value": 92.0638559129503
-        },
-        {
-          "date": 1486628100000,
-          "value": 96.06356851678146
-        },
-        {
-          "date": 1486629000000,
-          "value": 109.89569989372703
-        },
-        {
-          "date": 1486629900000,
-          "value": 96.09498441786994
-        },
-        {
-          "date": 1486630800000,
-          "value": 105.05972120496962
-        },
-        {
-          "date": 1486631700000,
-          "value": 94.53041982650757
-        },
-        {
-          "date": 1486632600000,
-          "value": 103.37048240329908
-        },
-        {
-          "date": 1486633500000,
-          "value": 105.2058048248291
-        },
-        {
-          "date": 1486634400000,
-          "value": 102.06169471740722
-        },
-        {
-          "date": 1486635300000,
-          "value": 101.4836499955919
-        },
-        {
-          "date": 1486636200000,
-          "value": 96.34219177246094
-        },
-        {
-          "date": 1486637100000,
-          "value": 102.81613063812256
-        },
-        {
-          "date": 1486638000000,
-          "value": 96.09064518321644
-        },
-        {
-          "date": 1486638900000,
-          "value": 104.8488635012978
-        },
-        {
-          "date": 1486639800000,
-          "value": 93.45240384056454
-        },
-        {
-          "date": 1486640700000,
-          "value": 102.28834065524015
-        },
-        {
-          "date": 1486641600000,
-          "value": 104.54204668317523
-        },
-        {
-          "date": 1486642500000,
-          "value": 99.85492063823499
-        },
-        {
-          "date": 1486643400000,
-          "value": 97.12778260972765
-        },
-        {
-          "date": 1486644300000,
-          "value": 103.99638447008635
-        },
-        {
-          "date": 1486645200000,
-          "value": 95.34676822863128
-        },
-        {
-          "date": 1486646100000,
-          "value": 97.04620517383923
-        },
-        {
-          "date": 1486647000000,
-          "value": 104.2849609375
-        },
-        {
-          "date": 1486647900000,
-          "value": 97.88982413796818
-        },
-        {
-          "date": 1486648800000,
-          "value": 99.03312370300293
-        },
-        {
-          "date": 1486649700000,
-          "value": 105.5509593963623
-        },
-        {
-          "date": 1486650600000,
-          "value": 100.49496881585372
-        },
-        {
-          "date": 1486651500000,
-          "value": 99.06059494018555
-        },
-        {
-          "date": 1486652400000,
-          "value": 90.58293914794922
-        },
-        {
-          "date": 1486653300000,
-          "value": 92.8633090655009
-        },
-        {
-          "date": 1486654200000,
-          "value": 96.12510445004418
-        },
-        {
-          "date": 1486655100000,
-          "value": 100.4840145111084
-        },
-        {
-          "date": 1486656000000,
-          "value": 242.3568918440077,
-          "anomalyScore": 98.56065708456248,
-          "actual": [
-            242.3568918440077
-          ],
-          "typical": [
-            99.81123207526203
-          ]
-        },
-        {
-          "date": 1486656900000,
-          "value": 282.02533259111294,
-          "anomalyScore": 96.93718,
-          "actual": [
-            282.02533259111306
-          ],
-          "typical": [
-            100.02884159032787
-          ]
-        },
-        {
-          "date": 1486657800000,
-          "value": 100.15823459625244
-        },
-        {
-          "date": 1486658700000,
-          "value": 97.5446532754337
-        },
-        {
-          "date": 1486659600000,
-          "value": 99.53840043809679
-        },
-        {
-          "date": 1486660500000,
-          "value": 101.24810005636776
-        },
-        {
-          "date": 1486661400000,
-          "value": 101.11400771141052
-        },
-        {
-          "date": 1486662300000,
-          "value": 100.70463662398488
-        },
-        {
-          "date": 1486663200000,
-          "value": 110.70174247340152
-        },
-        {
-          "date": 1486664100000,
-          "value": 96.51030629475912
-        },
-        {
-          "date": 1486665000000,
-          "value": 103.92840491400824
-        },
-        {
-          "date": 1486665900000,
-          "value": 98.29448418868215
-        },
-        {
-          "date": 1486666800000,
-          "value": 98.0272060394287
-        },
-        {
-          "date": 1486667700000,
-          "value": 99.63833363850911
-        },
-        {
-          "date": 1486668600000,
-          "value": 105.18764642568735
-        },
-        {
-          "date": 1486669500000,
-          "value": 97.8544118669298
-        },
-        {
-          "date": 1486670400000,
-          "value": 97.99196343672902
-        },
-        {
-          "date": 1486671300000,
-          "value": 106.30481338500977
-        },
-        {
-          "date": 1486672200000,
-          "value": 99.88215498490767
-        },
-        {
-          "date": 1486673100000,
-          "value": 93.50493303934734
-        },
-        {
-          "date": 1486674000000,
-          "value": 101.2538422175816
-        },
-        {
-          "date": 1486674900000,
-          "value": 102.07398986816406
-        },
-        {
-          "date": 1486675800000,
-          "value": 102.66583075890175
-        },
-        {
-          "date": 1486676700000,
-          "value": 108.5278158748851
-        },
-        {
-          "date": 1486677600000,
-          "value": 103.91436131795247
-        },
-        {
-          "date": 1486678500000,
-          "value": 98.55452414119945
-        },
-        {
-          "date": 1486679400000,
-          "value": 88.25028387705485
-        },
-        {
-          "date": 1486680300000,
-          "value": 93.57433591570172
-        },
-        {
-          "date": 1486681200000,
-          "value": 96.70550713172325
-        },
-        {
-          "date": 1486682100000,
-          "value": 98.14921424502418
-        },
-        {
-          "date": 1486683000000,
-          "value": 96.99264602661133
-        },
-        {
-          "date": 1486683900000,
-          "value": 88.23578810691833
-        },
-        {
-          "date": 1486684800000,
-          "value": 106.89157305265728
-        },
-        {
-          "date": 1486685700000,
-          "value": 101.07822271493765
-        },
-        {
-          "date": 1486686600000,
-          "value": 101.77820564718807
-        },
-        {
-          "date": 1486687500000,
-          "value": 102.84660829816546
-        },
-        {
-          "date": 1486688400000,
-          "value": 103.91598869772518
-        },
-        {
-          "date": 1486689300000,
-          "value": 104.73469270978656
-        },
-        {
-          "date": 1486690200000,
-          "value": 97.01155325082632
-        },
-        {
-          "date": 1486691100000,
-          "value": 104.97890539730297
-        },
-        {
-          "date": 1486692000000,
-          "value": 99.66440022786459
-        },
-        {
-          "date": 1486692900000,
-          "value": 99.64117607703575
-        },
-        {
-          "date": 1486693800000,
-          "value": 87.37038326263428
-        },
-        {
-          "date": 1486694700000,
-          "value": 105.95191955566406
-        },
-        {
-          "date": 1486695600000,
-          "value": 104.33271111382379
-        },
-        {
-          "date": 1486696500000,
-          "value": 101.93921706255745
-        },
-        {
-          "date": 1486697400000,
-          "value": 101.11774004422702
-        },
-        {
-          "date": 1486698300000,
-          "value": 101.70929403866039
-        },
-        {
-          "date": 1486699200000,
-          "value": 102.61243908221905
-        },
-        {
-          "date": 1486700100000,
-          "value": 99.16273922390408
-        },
-        {
-          "date": 1486701000000,
-          "value": 105.98729952643899
-        },
-        {
-          "date": 1486701900000,
-          "value": 114.16951904296874
-        },
-        {
-          "date": 1486702800000,
-          "value": 98.25128769874573
-        },
-        {
-          "date": 1486703700000,
-          "value": 94.25434192858245
-        },
-        {
-          "date": 1486704600000,
-          "value": 99.7759528526893
-        },
-        {
-          "date": 1486705500000,
-          "value": 113.10429502788342
-        },
-        {
-          "date": 1486706400000,
-          "value": 97.95185834711248
-        },
-        {
-          "date": 1486707300000,
-          "value": 114.46214866638184
-        },
-        {
-          "date": 1486708200000,
-          "value": 105.51880025863647
-        },
-        {
-          "date": 1486709100000,
-          "value": 99.89148930140904
-        },
-        {
-          "date": 1486710000000,
-          "value": 90.5253866369074
-        },
-        {
-          "date": 1486710900000,
-          "value": 103.66612243652344
-        },
-        {
-          "date": 1486711800000,
-          "value": 103.97851837158203
-        },
-        {
-          "date": 1486712700000,
-          "value": 92.76053659539474
-        },
-        {
-          "date": 1486713600000,
-          "value": 99.99461364746094
-        }
-      ],
-      "plotEarliest": 1486611900000,
-      "plotLatest": 1486714500000,
-      "selectedEarliest": 1486656000000,
-      "selectedLatest": 1486670399999,
-      "chartLimits": {
-        "max": 282.02533259111294,
-        "min": 84.60266517190372
-      }
-    }
-  ],
-  "layoutCellsPerChart": 6,
-  "tooManyBuckets": false,
-  "timeFieldName": "timestamp"
-}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
deleted file mode 100644
index b1a91b6ee7020..0000000000000
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_farequote.json
+++ /dev/null
@@ -1,902 +0,0 @@
-{
-  "jobId": "mock-job-id",
-  "detectorIndex": 0,
-  "metricFunction": "avg",
-  "timeField": "@timestamp",
-  "interval": "15m",
-  "datafeedConfig": {
-    "datafeed_id": "datafeed-mock-job-id",
-    "job_id": "mock-job-id",
-    "query_delay": "86658ms",
-    "indices": [
-      "farequote-2017"
-    ],
-    "types": [],
-    "query": {
-      "match_all": {
-        "boost": 1
-      }
-    },
-    "scroll_size": 1000,
-    "chunking_config": {
-      "mode": "auto"
-    },
-    "state": "stopped"
-  },
-  "metricFieldName": "responsetime",
-  "functionDescription": "mean",
-  "bucketSpanSeconds": 900,
-  "detectorLabel": "mean(responsetime)",
-  "fieldName": "responsetime",
-  "entityFields": [
-    {
-      "fieldName": "airline",
-      "fieldValue": "AAL"
-    }
-  ],
-  "infoTooltip": {
-    "jobId": "mock-job-id",
-    "aggregationInterval": "15m",
-    "chartFunction": "avg responsetime",
-    "entityFields": [
-      {
-        "fieldName": "airline",
-        "fieldValue": "AAL"
-      }
-    ]
-  },
-  "loading": false,
-  "chartData": [
-    {
-      "date": 1486572300000,
-      "value": 100.23002243041992
-    },
-    {
-      "date": 1486573200000,
-      "value": 109.84148366827714
-    },
-    {
-      "date": 1486574100000,
-      "value": 107.17559432983398
-    },
-    {
-      "date": 1486575000000,
-      "value": 94.74245023727417
-    },
-    {
-      "date": 1486575900000,
-      "value": 98.26103510175433
-    },
-    {
-      "date": 1486576800000,
-      "value": 94.46919309175931
-    },
-    {
-      "date": 1486577700000,
-      "value": 105.73891830444336
-    },
-    {
-      "date": 1486578600000,
-      "value": 100.07820972643401
-    },
-    {
-      "date": 1486579500000,
-      "value": 105.29588651657104
-    },
-    {
-      "date": 1486580400000,
-      "value": 103.2810377823679
-    },
-    {
-      "date": 1486581300000,
-      "value": 103.27489511590255
-    },
-    {
-      "date": 1486582200000,
-      "value": 103.75038604736328
-    },
-    {
-      "date": 1486583100000,
-      "value": 98.3647595573874
-    },
-    {
-      "date": 1486584000000,
-      "value": 105.37480633075421
-    },
-    {
-      "date": 1486584900000,
-      "value": 105.58445053100586
-    },
-    {
-      "date": 1486585800000,
-      "value": 90.81587359779759
-    },
-    {
-      "date": 1486586700000,
-      "value": 99.10670134600471
-    },
-    {
-      "date": 1486587600000,
-      "value": 105.11706776089139
-    },
-    {
-      "date": 1486588500000,
-      "value": 101.55193061828614
-    },
-    {
-      "date": 1486589400000,
-      "value": 99.59732927594867
-    },
-    {
-      "date": 1486590300000,
-      "value": 113.13526333079619,
-      "anomalyScore": 0.004716049,
-      "actual": [
-        113.13526333079618
-      ],
-      "typical": [
-        99.9757502397967
-      ]
-    },
-    {
-      "date": 1486591200000,
-      "value": 94.69190573692322
-    },
-    {
-      "date": 1486592100000,
-      "value": 96.16208244772518
-    },
-    {
-      "date": 1486593000000,
-      "value": 95.25466847419739
-    },
-    {
-      "date": 1486593900000,
-      "value": 99.67674509684245
-    },
-    {
-      "date": 1486594800000,
-      "value": 96.11397879464286
-    },
-    {
-      "date": 1486595700000,
-      "value": 96.76679284232003
-    },
-    {
-      "date": 1486596600000,
-      "value": 94.85693813505627
-    },
-    {
-      "date": 1486597500000,
-      "value": 99.56607500712077
-    },
-    {
-      "date": 1486598400000,
-      "value": 104.14855397542318
-    },
-    {
-      "date": 1486599300000,
-      "value": 106.14944047194261
-    },
-    {
-      "date": 1486600200000,
-      "value": 94.13648880852594
-    },
-    {
-      "date": 1486601100000,
-      "value": 98.57830708821615
-    },
-    {
-      "date": 1486602000000,
-      "value": 97.82662806791417
-    },
-    {
-      "date": 1486602900000,
-      "value": 96.00657653808594
-    },
-    {
-      "date": 1486603800000,
-      "value": 93.24030661582947
-    },
-    {
-      "date": 1486604700000,
-      "value": 106.9332061767578
-    },
-    {
-      "date": 1486605600000,
-      "value": 109.06639963785807
-    },
-    {
-      "date": 1486606500000,
-      "value": 114.68353796005249,
-      "anomalyScore": 0.01067901,
-      "actual": [
-        114.68353796005252
-      ],
-      "typical": [
-        99.92067804688648
-      ]
-    },
-    {
-      "date": 1486607400000,
-      "value": 95.81582178388324
-    },
-    {
-      "date": 1486608300000,
-      "value": 93.85584958394368
-    },
-    {
-      "date": 1486609200000,
-      "value": 103.1055432274228
-    },
-    {
-      "date": 1486610100000,
-      "value": 109.19869604564849
-    },
-    {
-      "date": 1486611000000,
-      "value": 85.27851028442383
-    },
-    {
-      "date": 1486611900000,
-      "value": 95.61584963117328
-    },
-    {
-      "date": 1486612800000,
-      "value": 99.34646708170573
-    },
-    {
-      "date": 1486613700000,
-      "value": 92.54502330106847
-    },
-    {
-      "date": 1486614600000,
-      "value": 98.87258768081665
-    },
-    {
-      "date": 1486615500000,
-      "value": 102.82824816022601
-    },
-    {
-      "date": 1486616400000,
-      "value": 96.7391939163208
-    },
-    {
-      "date": 1486617300000,
-      "value": 99.72634760538737
-    },
-    {
-      "date": 1486618200000,
-      "value": 101.08556365966797
-    },
-    {
-      "date": 1486619100000,
-      "value": 84.60266517190372,
-      "anomalyScore": 0.02716009,
-      "actual": [
-        84.60266517190372
-      ],
-      "typical": [
-        99.79426367092864
-      ]
-    },
-    {
-      "date": 1486620000000,
-      "value": 105.24246263504028
-    },
-    {
-      "date": 1486620900000,
-      "value": 91.86086603800456
-    },
-    {
-      "date": 1486621800000,
-      "value": 94.5369130452474
-    },
-    {
-      "date": 1486622700000,
-      "value": 97.63843189586292
-    },
-    {
-      "date": 1486623600000,
-      "value": 93.79290502211627
-    },
-    {
-      "date": 1486624500000,
-      "value": 108.91006604362937
-    },
-    {
-      "date": 1486625400000,
-      "value": 107.46900049845378
-    },
-    {
-      "date": 1486626300000,
-      "value": 100.03502061631944
-    },
-    {
-      "date": 1486627200000,
-      "value": 92.0638559129503
-    },
-    {
-      "date": 1486628100000,
-      "value": 96.06356851678146
-    },
-    {
-      "date": 1486629000000,
-      "value": 109.89569989372703
-    },
-    {
-      "date": 1486629900000,
-      "value": 96.09498441786994
-    },
-    {
-      "date": 1486630800000,
-      "value": 105.05972120496962
-    },
-    {
-      "date": 1486631700000,
-      "value": 94.53041982650757
-    },
-    {
-      "date": 1486632600000,
-      "value": 103.37048240329908
-    },
-    {
-      "date": 1486633500000,
-      "value": 105.2058048248291
-    },
-    {
-      "date": 1486634400000,
-      "value": 102.06169471740722
-    },
-    {
-      "date": 1486635300000,
-      "value": 101.4836499955919
-    },
-    {
-      "date": 1486636200000,
-      "value": 96.34219177246094
-    },
-    {
-      "date": 1486637100000,
-      "value": 102.81613063812256
-    },
-    {
-      "date": 1486638000000,
-      "value": 96.09064518321644
-    },
-    {
-      "date": 1486638900000,
-      "value": 104.8488635012978
-    },
-    {
-      "date": 1486639800000,
-      "value": 93.45240384056454
-    },
-    {
-      "date": 1486640700000,
-      "value": 102.28834065524015
-    },
-    {
-      "date": 1486641600000,
-      "value": 104.54204668317523
-    },
-    {
-      "date": 1486642500000,
-      "value": 99.85492063823499
-    },
-    {
-      "date": 1486643400000,
-      "value": 97.12778260972765
-    },
-    {
-      "date": 1486644300000,
-      "value": 103.99638447008635
-    },
-    {
-      "date": 1486645200000,
-      "value": 95.34676822863128
-    },
-    {
-      "date": 1486646100000,
-      "value": 97.04620517383923
-    },
-    {
-      "date": 1486647000000,
-      "value": 104.2849609375
-    },
-    {
-      "date": 1486647900000,
-      "value": 97.88982413796818
-    },
-    {
-      "date": 1486648800000,
-      "value": 99.03312370300293
-    },
-    {
-      "date": 1486649700000,
-      "value": 105.5509593963623
-    },
-    {
-      "date": 1486650600000,
-      "value": 100.49496881585372
-    },
-    {
-      "date": 1486651500000,
-      "value": 99.06059494018555
-    },
-    {
-      "date": 1486652400000,
-      "value": 90.58293914794922
-    },
-    {
-      "date": 1486653300000,
-      "value": 92.8633090655009
-    },
-    {
-      "date": 1486654200000,
-      "value": 96.12510445004418
-    },
-    {
-      "date": 1486655100000,
-      "value": 100.4840145111084
-    },
-    {
-      "date": 1486656000000,
-      "value": 242.3568918440077,
-      "anomalyScore": 98.56065708456248,
-      "actual": [
-        242.3568918440077
-      ],
-      "typical": [
-        99.81123207526203
-      ]
-    },
-    {
-      "date": 1486656900000,
-      "value": 282.02533259111294,
-      "anomalyScore": 96.93718,
-      "actual": [
-        282.02533259111306
-      ],
-      "typical": [
-        100.02884159032787
-      ]
-    },
-    {
-      "date": 1486657800000,
-      "value": 100.15823459625244
-    },
-    {
-      "date": 1486658700000,
-      "value": 97.5446532754337
-    },
-    {
-      "date": 1486659600000,
-      "value": 99.53840043809679
-    },
-    {
-      "date": 1486660500000,
-      "value": 101.24810005636776
-    },
-    {
-      "date": 1486661400000,
-      "value": 101.11400771141052
-    },
-    {
-      "date": 1486662300000,
-      "value": 100.70463662398488
-    },
-    {
-      "date": 1486663200000,
-      "value": 110.70174247340152
-    },
-    {
-      "date": 1486664100000,
-      "value": 96.51030629475912
-    },
-    {
-      "date": 1486665000000,
-      "value": 103.92840491400824
-    },
-    {
-      "date": 1486665900000,
-      "value": 98.29448418868215
-    },
-    {
-      "date": 1486666800000,
-      "value": 98.0272060394287
-    },
-    {
-      "date": 1486667700000,
-      "value": 99.63833363850911
-    },
-    {
-      "date": 1486668600000,
-      "value": 105.18764642568735
-    },
-    {
-      "date": 1486669500000,
-      "value": 97.8544118669298
-    },
-    {
-      "date": 1486670400000,
-      "value": 97.99196343672902
-    },
-    {
-      "date": 1486671300000,
-      "value": 106.30481338500977
-    },
-    {
-      "date": 1486672200000,
-      "value": 99.88215498490767
-    },
-    {
-      "date": 1486673100000,
-      "value": 93.50493303934734
-    },
-    {
-      "date": 1486674000000,
-      "value": 101.2538422175816
-    },
-    {
-      "date": 1486674900000,
-      "value": 102.07398986816406
-    },
-    {
-      "date": 1486675800000,
-      "value": 102.66583075890175
-    },
-    {
-      "date": 1486676700000,
-      "value": 108.5278158748851
-    },
-    {
-      "date": 1486677600000,
-      "value": 103.91436131795247
-    },
-    {
-      "date": 1486678500000,
-      "value": 98.55452414119945
-    },
-    {
-      "date": 1486679400000,
-      "value": 88.25028387705485
-    },
-    {
-      "date": 1486680300000,
-      "value": 93.57433591570172
-    },
-    {
-      "date": 1486681200000,
-      "value": 96.70550713172325
-    },
-    {
-      "date": 1486682100000,
-      "value": 98.14921424502418
-    },
-    {
-      "date": 1486683000000,
-      "value": 96.99264602661133
-    },
-    {
-      "date": 1486683900000,
-      "value": 88.23578810691833
-    },
-    {
-      "date": 1486684800000,
-      "value": 106.89157305265728
-    },
-    {
-      "date": 1486685700000,
-      "value": 101.07822271493765
-    },
-    {
-      "date": 1486686600000,
-      "value": 101.77820564718807
-    },
-    {
-      "date": 1486687500000,
-      "value": 102.84660829816546
-    },
-    {
-      "date": 1486688400000,
-      "value": 103.91598869772518
-    },
-    {
-      "date": 1486689300000,
-      "value": 104.73469270978656
-    },
-    {
-      "date": 1486690200000,
-      "value": 97.01155325082632
-    },
-    {
-      "date": 1486691100000,
-      "value": 104.97890539730297
-    },
-    {
-      "date": 1486692000000,
-      "value": 99.66440022786459
-    },
-    {
-      "date": 1486692900000,
-      "value": 99.64117607703575
-    },
-    {
-      "date": 1486693800000,
-      "value": 87.37038326263428
-    },
-    {
-      "date": 1486694700000,
-      "value": 105.95191955566406
-    },
-    {
-      "date": 1486695600000,
-      "value": 104.33271111382379
-    },
-    {
-      "date": 1486696500000,
-      "value": 101.93921706255745
-    },
-    {
-      "date": 1486697400000,
-      "value": 101.11774004422702
-    },
-    {
-      "date": 1486698300000,
-      "value": 101.70929403866039
-    },
-    {
-      "date": 1486699200000,
-      "value": 102.61243908221905
-    },
-    {
-      "date": 1486700100000,
-      "value": 99.16273922390408
-    },
-    {
-      "date": 1486701000000,
-      "value": 105.98729952643899
-    },
-    {
-      "date": 1486701900000,
-      "value": 114.16951904296874
-    },
-    {
-      "date": 1486702800000,
-      "value": 98.25128769874573
-    },
-    {
-      "date": 1486703700000,
-      "value": 94.25434192858245
-    },
-    {
-      "date": 1486704600000,
-      "value": 99.7759528526893
-    },
-    {
-      "date": 1486705500000,
-      "value": 113.10429502788342
-    },
-    {
-      "date": 1486706400000,
-      "value": 97.95185834711248
-    },
-    {
-      "date": 1486707300000,
-      "value": 114.46214866638184
-    },
-    {
-      "date": 1486708200000,
-      "value": 105.51880025863647
-    },
-    {
-      "date": 1486709100000,
-      "value": 99.89148930140904
-    },
-    {
-      "date": 1486710000000,
-      "value": 90.5253866369074
-    },
-    {
-      "date": 1486710900000,
-      "value": 103.66612243652344
-    },
-    {
-      "date": 1486711800000,
-      "value": 103.97851837158203
-    },
-    {
-      "date": 1486712700000,
-      "value": 92.76053659539474
-    },
-    {
-      "date": 1486713600000,
-      "value": 99.99461364746094
-    },
-    {
-      "date": 1486714500000,
-      "value": 98.20795581958912
-    },
-    {
-      "date": 1486715400000,
-      "value": 98.1934774572199
-    },
-    {
-      "date": 1486716300000,
-      "value": 108.31197377255089
-    },
-    {
-      "date": 1486717200000,
-      "value": 99.38421039581299
-    },
-    {
-      "date": 1486718100000,
-      "value": 104.38469009399414
-    },
-    {
-      "date": 1486719000000,
-      "value": 101.34095035899769
-    },
-    {
-      "date": 1486719900000,
-      "value": 94.92884694612943
-    },
-    {
-      "date": 1486720800000,
-      "value": 95.70035068805402
-    },
-    {
-      "date": 1486721700000,
-      "value": 112.62412516276042
-    },
-    {
-      "date": 1486722600000,
-      "value": 101.0589863170277
-    },
-    {
-      "date": 1486723500000,
-      "value": 103.43826499352089
-    },
-    {
-      "date": 1486724400000,
-      "value": 97.34623845418294
-    },
-    {
-      "date": 1486725300000,
-      "value": 93.52283063142195
-    },
-    {
-      "date": 1486726200000,
-      "value": 95.3814279768202
-    },
-    {
-      "date": 1486727100000,
-      "value": 98.26012741435657
-    },
-    {
-      "date": 1486728000000,
-      "value": 98.71303217034591
-    },
-    {
-      "date": 1486728900000,
-      "value": 102.21461075230648
-    },
-    {
-      "date": 1486729800000,
-      "value": 102.85733909606934
-    },
-    {
-      "date": 1486730700000,
-      "value": 96.00919923328217
-    },
-    {
-      "date": 1486731600000,
-      "value": 101.88182848975772
-    },
-    {
-      "date": 1486732500000,
-      "value": 113.05352819533576
-    },
-    {
-      "date": 1486733400000,
-      "value": 97.85373922494742
-    },
-    {
-      "date": 1486734300000,
-      "value": 104.80013868543837
-    },
-    {
-      "date": 1486735200000,
-      "value": 95.5374904979359
-    },
-    {
-      "date": 1486736100000,
-      "value": 94.15349661220203
-    },
-    {
-      "date": 1486737000000,
-      "value": 106.61536110772028
-    },
-    {
-      "date": 1486737900000,
-      "value": 107.33423829078674
-    },
-    {
-      "date": 1486738800000,
-      "value": 89.9182946054559
-    },
-    {
-      "date": 1486739700000,
-      "value": 103.46039019132915
-    },
-    {
-      "date": 1486740600000,
-      "value": 103.73232517242431
-    },
-    {
-      "date": 1486741500000,
-      "value": 108.10439191545758
-    },
-    {
-      "date": 1486742400000,
-      "value": 106.59720458984376
-    },
-    {
-      "date": 1486743300000,
-      "value": 96.27359975179037
-    },
-    {
-      "date": 1486744200000,
-      "value": 106.32768130302429
-    },
-    {
-      "date": 1486745100000,
-      "value": 106.5718282063802
-    },
-    {
-      "date": 1486746000000,
-      "value": 101.90785319010416
-    },
-    {
-      "date": 1486746900000,
-      "value": 94.41490832242098
-    },
-    {
-      "date": 1486747800000,
-      "value": 99.21687047621784
-    },
-    {
-      "date": 1486748700000,
-      "value": 93.88922267489963
-    },
-    {
-      "date": 1486749600000,
-      "value": 105.07563186645508
-    },
-    {
-      "date": 1486750500000,
-      "value": 94.24345088005066
-    },
-    {
-      "date": 1486751400000,
-      "value": 103.40311185051414
-    },
-    {
-      "date": 1486752300000,
-      "value": 101.20020031929016
-    },
-    {
-      "date": 1486753200000,
-      "value": 110.16739981515067
-    }
-  ],
-  "plotEarliest": 1486572300000,
-  "plotLatest": 1486754100000,
-  "selectedEarliest": 1486656000000,
-  "selectedLatest": 1486670399999,
-  "chartLimits": {
-    "max": 282.02533259111294,
-    "min": 84.60266517190372
-  }
-}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json
index bf4348dfe8efd..b2c974e737e48 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_config_filebeat.json
@@ -38,7 +38,17 @@
       "$$hashKey": "object:813"
     }
   ],
-  "infoTooltip": "<div class=\"explorer-chart-info-tooltip\">job ID: population-03<br/>\n      aggregation interval: 1h<br/>chart function: sum nginx.access.body_sent.bytes<br/>\n      nginx.access.remote_ip: 72.57.0.53</div>",
+  "infoTooltip": {
+    "jobId": "population-03",
+    "aggregationInterval": "1h",
+    "chartFunction": "sum nginx.access.body_sent.bytes",
+    "entityFields": [
+      {
+        "fieldName": "nginx.access.remote_ip",
+        "fieldValue": "72.57.0.53"
+      }
+    ]
+  },
   "loading": false,
   "plotEarliest": 1487534400000,
   "plotLatest": 1488168000000,
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
deleted file mode 100644
index 9fbcecc6f46bb..0000000000000
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_series_to_plot_farequote.json
+++ /dev/null
@@ -1,52 +0,0 @@
-[
-  {
-    "jobId": "mock-job-id",
-    "detectorIndex": 0,
-    "metricFunction": "avg",
-    "timeField": "@timestamp",
-    "interval": "15m",
-    "datafeedConfig": {
-      "datafeed_id": "datafeed-mock-job-id",
-      "job_id": "mock-job-id",
-      "query_delay": "86658ms",
-      "indices": [
-        "farequote-2017"
-      ],
-      "types": [],
-      "query": {
-        "match_all": {
-          "boost": 1
-        }
-      },
-      "scroll_size": 1000,
-      "chunking_config": {
-        "mode": "auto"
-      },
-      "state": "stopped"
-    },
-    "metricFieldName": "responsetime",
-    "functionDescription": "mean",
-    "bucketSpanSeconds": 900,
-    "detectorLabel": "mean(responsetime)",
-    "fieldName": "responsetime",
-    "entityFields": [
-      {
-        "fieldName": "airline",
-        "fieldValue": "AAL"
-      }
-    ],
-    "infoTooltip": {
-      "jobId": "mock-job-id",
-      "aggregationInterval": "15m",
-      "chartFunction": "avg responsetime",
-      "entityFields": [
-        {
-          "fieldName": "airline",
-          "fieldValue": "AAL"
-        }
-      ]
-    },
-    "loading": true,
-    "chartData": null
-  }
-]
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_config_builder.test.js.snap
similarity index 52%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
rename to x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_config_builder.test.js.snap
index 592a61209d16e..f899ee14003b7 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__mocks__/mock_chart_config_builder_config.json
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_chart_config_builder.test.js.snap
@@ -1,48 +1,52 @@
-{
-  "jobId": "mock-job-id",
-  "detectorIndex": 0,
-  "metricFunction": "avg",
-  "timeField": "@timestamp",
-  "interval": "15m",
-  "datafeedConfig": {
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`buildConfig get dataConfig for anomaly record 1`] = `
+Object {
+  "bucketSpanSeconds": 900,
+  "datafeedConfig": Object {
+    "chunking_config": Object {
+      "mode": "auto",
+    },
     "datafeed_id": "datafeed-mock-job-id",
-    "job_id": "mock-job-id",
-    "query_delay": "86658ms",
-    "indices": [
-      "farequote-2017"
+    "indices": Array [
+      "farequote-2017",
     ],
-    "types": [],
-    "query": {
-      "match_all": {
-        "boost": 1
-      }
+    "job_id": "mock-job-id",
+    "query": Object {
+      "match_all": Object {
+        "boost": 1,
+      },
     },
+    "query_delay": "86658ms",
     "scroll_size": 1000,
-    "chunking_config": {
-      "mode": "auto"
-    },
-    "state": "stopped"
+    "state": "stopped",
+    "types": Array [],
   },
-  "metricFieldName": "responsetime",
-  "functionDescription": "mean",
-  "bucketSpanSeconds": 900,
+  "detectorIndex": 0,
   "detectorLabel": "mean(responsetime)",
-  "fieldName": "responsetime",
-  "entityFields": [
-    {
+  "entityFields": Array [
+    Object {
       "fieldName": "airline",
-      "fieldValue": "JAL"
-    }
+      "fieldValue": "JAL",
+    },
   ],
-  "infoTooltip": {
-    "jobId": "mock-job-id",
+  "fieldName": "responsetime",
+  "functionDescription": "mean",
+  "infoTooltip": Object {
     "aggregationInterval": "15m",
     "chartFunction": "avg responsetime",
-    "entityFields": [
-      {
+    "entityFields": Array [
+      Object {
         "fieldName": "airline",
-        "fieldValue": "JAL"
-      }
-    ]
-  }
+        "fieldValue": "JAL",
+      },
+    ],
+    "jobId": "mock-job-id",
+  },
+  "interval": "15m",
+  "jobId": "mock-job-id",
+  "metricFieldName": "responsetime",
+  "metricFunction": "avg",
+  "timeField": "@timestamp",
 }
+`;
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
index d3e551fbb9ed0..087558cfa4ed4 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container.test.js.snap
@@ -8,32 +8,32 @@ exports[`ExplorerChartsContainer Initialization with chart data 1`] = `
     className="explorer-chart-label-fields"
   >
     <span>
-      mean(responsetime)
+      high_sum(nginx.access.body_sent.bytes) over nginx.access.remote_ip (population-03)
        - 
     </span>
     <span
       key="0"
     >
-      airline
+      nginx.access.remote_ip
        
-      AAL
+      72.57.0.53
     </span>
   </div>
   <EuiIconTip
     aria-label="Info"
     content={
       <ExplorerChartTooltip
-        aggregationInterval="15m"
-        chartFunction="avg responsetime"
+        aggregationInterval="1h"
+        chartFunction="sum nginx.access.body_sent.bytes"
         entityFields={
           Array [
             Object {
-              "fieldName": "airline",
-              "fieldValue": "AAL",
+              "fieldName": "nginx.access.remote_ip",
+              "fieldValue": "72.57.0.53",
             },
           ]
         }
-        jobId="mock-job-id"
+        jobId="population-03"
       />
     }
     position="left"
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container_service.test.js.snap b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container_service.test.js.snap
new file mode 100644
index 0000000000000..e7b6cfb8ed9b3
--- /dev/null
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/__snapshots__/explorer_charts_container_service.test.js.snap
@@ -0,0 +1,616 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`explorerChartsContainerService call anomalyChangeListener with actual series config 1`] = `
+Object {
+  "layoutCellsPerChart": 12,
+  "seriesToPlot": Array [],
+  "timeFieldName": "timestamp",
+  "tooManyBuckets": false,
+}
+`;
+
+exports[`explorerChartsContainerService call anomalyChangeListener with actual series config 2`] = `
+Object {
+  "layoutCellsPerChart": 6,
+  "seriesToPlot": Array [
+    Object {
+      "bucketSpanSeconds": 900,
+      "chartData": null,
+      "datafeedConfig": Object {
+        "chunking_config": Object {
+          "mode": "auto",
+        },
+        "datafeed_id": "datafeed-mock-job-id",
+        "indices": Array [
+          "farequote-2017",
+        ],
+        "job_id": "mock-job-id",
+        "query": Object {
+          "match_all": Object {
+            "boost": 1,
+          },
+        },
+        "query_delay": "86658ms",
+        "scroll_size": 1000,
+        "state": "stopped",
+        "types": Array [],
+      },
+      "detectorIndex": 0,
+      "detectorLabel": "mean(responsetime)",
+      "entityFields": Array [
+        Object {
+          "fieldName": "airline",
+          "fieldValue": "AAL",
+        },
+      ],
+      "fieldName": "responsetime",
+      "functionDescription": "mean",
+      "infoTooltip": Object {
+        "aggregationInterval": "15m",
+        "chartFunction": "avg responsetime",
+        "entityFields": Array [
+          Object {
+            "fieldName": "airline",
+            "fieldValue": "AAL",
+          },
+        ],
+        "jobId": "mock-job-id",
+      },
+      "interval": "15m",
+      "jobId": "mock-job-id",
+      "loading": true,
+      "metricFieldName": "responsetime",
+      "metricFunction": "avg",
+      "timeField": "@timestamp",
+    },
+  ],
+  "timeFieldName": "timestamp",
+  "tooManyBuckets": false,
+}
+`;
+
+exports[`explorerChartsContainerService call anomalyChangeListener with actual series config 3`] = `
+Object {
+  "layoutCellsPerChart": 6,
+  "seriesToPlot": Array [
+    Object {
+      "bucketSpanSeconds": 900,
+      "chartData": Array [
+        Object {
+          "date": 1486611900000,
+          "value": 95.61584963117328,
+        },
+        Object {
+          "date": 1486612800000,
+          "value": 99.34646708170573,
+        },
+        Object {
+          "date": 1486613700000,
+          "value": 92.54502330106847,
+        },
+        Object {
+          "date": 1486614600000,
+          "value": 98.87258768081665,
+        },
+        Object {
+          "date": 1486615500000,
+          "value": 102.82824816022601,
+        },
+        Object {
+          "date": 1486616400000,
+          "value": 96.7391939163208,
+        },
+        Object {
+          "date": 1486617300000,
+          "value": 99.72634760538737,
+        },
+        Object {
+          "date": 1486618200000,
+          "value": 101.08556365966797,
+        },
+        Object {
+          "actual": Array [
+            84.60266517190372,
+          ],
+          "anomalyScore": 0.02716009,
+          "date": 1486619100000,
+          "typical": Array [
+            99.79426367092864,
+          ],
+          "value": 84.60266517190372,
+        },
+        Object {
+          "date": 1486620000000,
+          "value": 105.24246263504028,
+        },
+        Object {
+          "date": 1486620900000,
+          "value": 91.86086603800456,
+        },
+        Object {
+          "date": 1486621800000,
+          "value": 94.5369130452474,
+        },
+        Object {
+          "date": 1486622700000,
+          "value": 97.63843189586292,
+        },
+        Object {
+          "date": 1486623600000,
+          "value": 93.79290502211627,
+        },
+        Object {
+          "date": 1486624500000,
+          "value": 108.91006604362937,
+        },
+        Object {
+          "date": 1486625400000,
+          "value": 107.46900049845378,
+        },
+        Object {
+          "date": 1486626300000,
+          "value": 100.03502061631944,
+        },
+        Object {
+          "date": 1486627200000,
+          "value": 92.0638559129503,
+        },
+        Object {
+          "date": 1486628100000,
+          "value": 96.06356851678146,
+        },
+        Object {
+          "date": 1486629000000,
+          "value": 109.89569989372703,
+        },
+        Object {
+          "date": 1486629900000,
+          "value": 96.09498441786994,
+        },
+        Object {
+          "date": 1486630800000,
+          "value": 105.05972120496962,
+        },
+        Object {
+          "date": 1486631700000,
+          "value": 94.53041982650757,
+        },
+        Object {
+          "date": 1486632600000,
+          "value": 103.37048240329908,
+        },
+        Object {
+          "date": 1486633500000,
+          "value": 105.2058048248291,
+        },
+        Object {
+          "date": 1486634400000,
+          "value": 102.06169471740722,
+        },
+        Object {
+          "date": 1486635300000,
+          "value": 101.4836499955919,
+        },
+        Object {
+          "date": 1486636200000,
+          "value": 96.34219177246094,
+        },
+        Object {
+          "date": 1486637100000,
+          "value": 102.81613063812256,
+        },
+        Object {
+          "date": 1486638000000,
+          "value": 96.09064518321644,
+        },
+        Object {
+          "date": 1486638900000,
+          "value": 104.8488635012978,
+        },
+        Object {
+          "date": 1486639800000,
+          "value": 93.45240384056454,
+        },
+        Object {
+          "date": 1486640700000,
+          "value": 102.28834065524015,
+        },
+        Object {
+          "date": 1486641600000,
+          "value": 104.54204668317523,
+        },
+        Object {
+          "date": 1486642500000,
+          "value": 99.85492063823499,
+        },
+        Object {
+          "date": 1486643400000,
+          "value": 97.12778260972765,
+        },
+        Object {
+          "date": 1486644300000,
+          "value": 103.99638447008635,
+        },
+        Object {
+          "date": 1486645200000,
+          "value": 95.34676822863128,
+        },
+        Object {
+          "date": 1486646100000,
+          "value": 97.04620517383923,
+        },
+        Object {
+          "date": 1486647000000,
+          "value": 104.2849609375,
+        },
+        Object {
+          "date": 1486647900000,
+          "value": 97.88982413796818,
+        },
+        Object {
+          "date": 1486648800000,
+          "value": 99.03312370300293,
+        },
+        Object {
+          "date": 1486649700000,
+          "value": 105.5509593963623,
+        },
+        Object {
+          "date": 1486650600000,
+          "value": 100.49496881585372,
+        },
+        Object {
+          "date": 1486651500000,
+          "value": 99.06059494018555,
+        },
+        Object {
+          "date": 1486652400000,
+          "value": 90.58293914794922,
+        },
+        Object {
+          "date": 1486653300000,
+          "value": 92.8633090655009,
+        },
+        Object {
+          "date": 1486654200000,
+          "value": 96.12510445004418,
+        },
+        Object {
+          "date": 1486655100000,
+          "value": 100.4840145111084,
+        },
+        Object {
+          "actual": Array [
+            242.3568918440077,
+          ],
+          "anomalyScore": 98.56065708456248,
+          "date": 1486656000000,
+          "typical": Array [
+            99.81123207526203,
+          ],
+          "value": 242.3568918440077,
+        },
+        Object {
+          "actual": Array [
+            282.02533259111306,
+          ],
+          "anomalyScore": 96.93718,
+          "date": 1486656900000,
+          "typical": Array [
+            100.02884159032787,
+          ],
+          "value": 282.02533259111294,
+        },
+        Object {
+          "date": 1486657800000,
+          "value": 100.15823459625244,
+        },
+        Object {
+          "date": 1486658700000,
+          "value": 97.5446532754337,
+        },
+        Object {
+          "date": 1486659600000,
+          "value": 99.53840043809679,
+        },
+        Object {
+          "date": 1486660500000,
+          "value": 101.24810005636776,
+        },
+        Object {
+          "date": 1486661400000,
+          "value": 101.11400771141052,
+        },
+        Object {
+          "date": 1486662300000,
+          "value": 100.70463662398488,
+        },
+        Object {
+          "date": 1486663200000,
+          "value": 110.70174247340152,
+        },
+        Object {
+          "date": 1486664100000,
+          "value": 96.51030629475912,
+        },
+        Object {
+          "date": 1486665000000,
+          "value": 103.92840491400824,
+        },
+        Object {
+          "date": 1486665900000,
+          "value": 98.29448418868215,
+        },
+        Object {
+          "date": 1486666800000,
+          "value": 98.0272060394287,
+        },
+        Object {
+          "date": 1486667700000,
+          "value": 99.63833363850911,
+        },
+        Object {
+          "date": 1486668600000,
+          "value": 105.18764642568735,
+        },
+        Object {
+          "date": 1486669500000,
+          "value": 97.8544118669298,
+        },
+        Object {
+          "date": 1486670400000,
+          "value": 97.99196343672902,
+        },
+        Object {
+          "date": 1486671300000,
+          "value": 106.30481338500977,
+        },
+        Object {
+          "date": 1486672200000,
+          "value": 99.88215498490767,
+        },
+        Object {
+          "date": 1486673100000,
+          "value": 93.50493303934734,
+        },
+        Object {
+          "date": 1486674000000,
+          "value": 101.2538422175816,
+        },
+        Object {
+          "date": 1486674900000,
+          "value": 102.07398986816406,
+        },
+        Object {
+          "date": 1486675800000,
+          "value": 102.66583075890175,
+        },
+        Object {
+          "date": 1486676700000,
+          "value": 108.5278158748851,
+        },
+        Object {
+          "date": 1486677600000,
+          "value": 103.91436131795247,
+        },
+        Object {
+          "date": 1486678500000,
+          "value": 98.55452414119945,
+        },
+        Object {
+          "date": 1486679400000,
+          "value": 88.25028387705485,
+        },
+        Object {
+          "date": 1486680300000,
+          "value": 93.57433591570172,
+        },
+        Object {
+          "date": 1486681200000,
+          "value": 96.70550713172325,
+        },
+        Object {
+          "date": 1486682100000,
+          "value": 98.14921424502418,
+        },
+        Object {
+          "date": 1486683000000,
+          "value": 96.99264602661133,
+        },
+        Object {
+          "date": 1486683900000,
+          "value": 88.23578810691833,
+        },
+        Object {
+          "date": 1486684800000,
+          "value": 106.89157305265728,
+        },
+        Object {
+          "date": 1486685700000,
+          "value": 101.07822271493765,
+        },
+        Object {
+          "date": 1486686600000,
+          "value": 101.77820564718807,
+        },
+        Object {
+          "date": 1486687500000,
+          "value": 102.84660829816546,
+        },
+        Object {
+          "date": 1486688400000,
+          "value": 103.91598869772518,
+        },
+        Object {
+          "date": 1486689300000,
+          "value": 104.73469270978656,
+        },
+        Object {
+          "date": 1486690200000,
+          "value": 97.01155325082632,
+        },
+        Object {
+          "date": 1486691100000,
+          "value": 104.97890539730297,
+        },
+        Object {
+          "date": 1486692000000,
+          "value": 99.66440022786459,
+        },
+        Object {
+          "date": 1486692900000,
+          "value": 99.64117607703575,
+        },
+        Object {
+          "date": 1486693800000,
+          "value": 87.37038326263428,
+        },
+        Object {
+          "date": 1486694700000,
+          "value": 105.95191955566406,
+        },
+        Object {
+          "date": 1486695600000,
+          "value": 104.33271111382379,
+        },
+        Object {
+          "date": 1486696500000,
+          "value": 101.93921706255745,
+        },
+        Object {
+          "date": 1486697400000,
+          "value": 101.11774004422702,
+        },
+        Object {
+          "date": 1486698300000,
+          "value": 101.70929403866039,
+        },
+        Object {
+          "date": 1486699200000,
+          "value": 102.61243908221905,
+        },
+        Object {
+          "date": 1486700100000,
+          "value": 99.16273922390408,
+        },
+        Object {
+          "date": 1486701000000,
+          "value": 105.98729952643899,
+        },
+        Object {
+          "date": 1486701900000,
+          "value": 114.16951904296874,
+        },
+        Object {
+          "date": 1486702800000,
+          "value": 98.25128769874573,
+        },
+        Object {
+          "date": 1486703700000,
+          "value": 94.25434192858245,
+        },
+        Object {
+          "date": 1486704600000,
+          "value": 99.7759528526893,
+        },
+        Object {
+          "date": 1486705500000,
+          "value": 113.10429502788342,
+        },
+        Object {
+          "date": 1486706400000,
+          "value": 97.95185834711248,
+        },
+        Object {
+          "date": 1486707300000,
+          "value": 114.46214866638184,
+        },
+        Object {
+          "date": 1486708200000,
+          "value": 105.51880025863647,
+        },
+        Object {
+          "date": 1486709100000,
+          "value": 99.89148930140904,
+        },
+        Object {
+          "date": 1486710000000,
+          "value": 90.5253866369074,
+        },
+        Object {
+          "date": 1486710900000,
+          "value": 103.66612243652344,
+        },
+        Object {
+          "date": 1486711800000,
+          "value": 103.97851837158203,
+        },
+        Object {
+          "date": 1486712700000,
+          "value": 92.76053659539474,
+        },
+        Object {
+          "date": 1486713600000,
+          "value": 99.99461364746094,
+        },
+      ],
+      "chartLimits": Object {
+        "max": 282.02533259111294,
+        "min": 84.60266517190372,
+      },
+      "datafeedConfig": Object {
+        "chunking_config": Object {
+          "mode": "auto",
+        },
+        "datafeed_id": "datafeed-mock-job-id",
+        "indices": Array [
+          "farequote-2017",
+        ],
+        "job_id": "mock-job-id",
+        "query": Object {
+          "match_all": Object {
+            "boost": 1,
+          },
+        },
+        "query_delay": "86658ms",
+        "scroll_size": 1000,
+        "state": "stopped",
+        "types": Array [],
+      },
+      "detectorIndex": 0,
+      "detectorLabel": "mean(responsetime)",
+      "entityFields": Array [
+        Object {
+          "fieldName": "airline",
+          "fieldValue": "AAL",
+        },
+      ],
+      "fieldName": "responsetime",
+      "functionDescription": "mean",
+      "infoTooltip": Object {
+        "aggregationInterval": "15m",
+        "chartFunction": "avg responsetime",
+        "entityFields": Array [
+          Object {
+            "fieldName": "airline",
+            "fieldValue": "AAL",
+          },
+        ],
+        "jobId": "mock-job-id",
+      },
+      "interval": "15m",
+      "jobId": "mock-job-id",
+      "loading": false,
+      "metricFieldName": "responsetime",
+      "metricFunction": "avg",
+      "plotEarliest": 1486611900000,
+      "plotLatest": 1486714500000,
+      "selectedEarliest": 1486656000000,
+      "selectedLatest": 1486670399999,
+      "timeField": "@timestamp",
+    },
+  ],
+  "timeFieldName": "timestamp",
+  "tooManyBuckets": false,
+}
+`;
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index f5a537331b868..a220c75c9b9ea 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -4,6 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { chartData as mockChartData } from './__mocks__/mock_chart_data';
 import seriesConfig from './__mocks__/mock_series_config_filebeat.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
@@ -86,29 +87,7 @@ describe('ExplorerChart', () => {
   }
 
   it('Anomaly Explorer Chart with multiple data points', () => {
-    // prepare data for the test case
-    const chartData = [
-      {
-        date: new Date('2017-02-23T08:00:00.000Z'),
-        value: 228243469, anomalyScore: 63.32916, numberOfCauses: 1,
-        actual: [228243469], typical: [133107.7703441773]
-      },
-      { date: new Date('2017-02-23T09:00:00.000Z'), value: null },
-      { date: new Date('2017-02-23T10:00:00.000Z'), value: null },
-      { date: new Date('2017-02-23T11:00:00.000Z'), value: null },
-      {
-        date: new Date('2017-02-23T12:00:00.000Z'),
-        value: 625736376, anomalyScore: 97.32085, numberOfCauses: 1,
-        actual: [625736376], typical: [132830.424736973]
-      },
-      {
-        date: new Date('2017-02-23T13:00:00.000Z'),
-        value: 201039318, anomalyScore: 59.83488, numberOfCauses: 1,
-        actual: [201039318], typical: [132739.5267403542]
-      }
-    ];
-
-    const wrapper = init(chartData);
+    const wrapper = init(mockChartData);
 
     // the loading indicator should not be shown
     expect(wrapper.find('.ml-loading-indicator .loading-spinner')).toHaveLength(0);
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
index a197502f2e977..94d382b7051fb 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
@@ -5,7 +5,6 @@
  */
 
 import mockAnomalyRecord from './__mocks__/mock_anomaly_record.json';
-import mockChartConfigBuildConfig from './__mocks__/mock_chart_config_builder_config.json';
 import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
 import mockJobConfig from './__mocks__/mock_job_config.json';
 
@@ -27,6 +26,6 @@ import { buildConfig } from './explorer_chart_config_builder';
 describe('buildConfig', () => {
   test('get dataConfig for anomaly record', () => {
     const dataConfig = buildConfig(mockAnomalyRecord);
-    expect(dataConfig).toEqual(mockChartConfigBuildConfig);
+    expect(dataConfig).toMatchSnapshot();
   });
 });
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
index 6d309239805f0..c83ed6af6333b 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_tooltip.test.js
@@ -5,8 +5,6 @@
  */
 
 
-import mockConfig from './__mocks__/mock_chart_config_builder_config.json';
-
 import { shallow } from 'enzyme';
 import React from 'react';
 
@@ -14,7 +12,17 @@ import { ExplorerChartTooltip } from './explorer_chart_tooltip';
 
 describe('ExplorerChartTooltip', () => {
   test('Render tooltip based on infoTooltip data.', () => {
-    const wrapper = shallow(<ExplorerChartTooltip {...mockConfig.infoTooltip} />);
+    const infoTooltip = {
+      aggregationInterval: '15m',
+      chartFunction: 'avg responsetime',
+      entityFields: [{
+        fieldName: 'airline',
+        fieldValue: 'JAL',
+      }],
+      jobId: 'mock-job-id'
+    };
+
+    const wrapper = shallow(<ExplorerChartTooltip {...infoTooltip} />);
     expect(wrapper).toMatchSnapshot();
   });
 });
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
index 1fc138d6a7135..d5c957bb47a7e 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
@@ -4,7 +4,8 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import mockChartData from './__mocks__/mock_chart_data.json';
+import { chartData } from './__mocks__/mock_chart_data';
+import seriesConfig from './__mocks__/mock_series_config_filebeat.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
@@ -24,6 +25,7 @@ jest.mock('../../services/field_format_service', () => ({
 import { shallow } from 'enzyme';
 import React from 'react';
 
+import { chartLimits } from '../../util/chart_utils';
 import { mlChartTooltipService } from '../../components/chart_tooltip/chart_tooltip_service';
 
 import { ExplorerChartsContainer } from './explorer_charts_container';
@@ -58,9 +60,13 @@ describe('ExplorerChartsContainer', () => {
 
   test('Initialization with chart data', () => {
     const wrapper = shallow(<ExplorerChartsContainer
-      seriesToPlot={mockChartData.seriesToPlot}
-      layoutCellsPerChart={mockChartData.layoutCellsPerChart}
-      tooManyBuckets={mockChartData.tooManyBuckets}
+      seriesToPlot={[{
+        ...seriesConfig,
+        chartData,
+        chartLimits: chartLimits(chartData)
+      }]}
+      layoutCellsPerChart={12}
+      tooManyBuckets={false}
       mlSelectSeverityService={mlSelectSeverityServiceMock}
       mlChartTooltipService={mlChartTooltipService}
     />);
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
index 592bd408f5310..1885e25e8fae3 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
@@ -5,12 +5,9 @@
  */
 
 import mockAnomalyChartRecords from './__mocks__/mock_anomaly_chart_records.json';
-import mockChartData from './__mocks__/mock_chart_data.json';
 import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
 import mockJobConfig from './__mocks__/mock_job_config.json';
-import mockSeriesConfig from './__mocks__/mock_series_config_farequote.json';
 import mockSeriesPromisesResponse from './__mocks__/mock_series_promises_response.json';
-import mockSeriesToPlot from './__mocks__/mock_series_to_plot_farequote.json';
 
 jest.mock('../../services/job_service',
   () => ({
@@ -95,8 +92,8 @@ describe('explorerChartsContainerService', () => {
 
     anomalyDataChangeListener(
       [],
-      mockSeriesConfig.selectedEarliest,
-      mockSeriesConfig.selectedLatest
+      1486656000000,
+      1486670399999
     );
 
     function callback(data) {
@@ -110,16 +107,8 @@ describe('explorerChartsContainerService', () => {
   });
 
   test('call anomalyChangeListener with actual series config', (done) => {
-    // callback will be called multiple times.
-    // the callbackData array contains the expected data values for each consecutive call.
-    const callbackData = [];
-    callbackData.push(mockGetDefaultData());
-    callbackData.push({
-      ...mockGetDefaultData(),
-      seriesToPlot: mockSeriesToPlot,
-      layoutCellsPerChart: 6
-    });
-    callbackData.push(mockChartData);
+    let testCount = 0;
+    const expectedTestCount = 3;
 
     const anomalyDataChangeListener = explorerChartsContainerServiceFactory(
       mockMlSelectSeverityService,
@@ -134,10 +123,9 @@ describe('explorerChartsContainerService', () => {
     );
 
     function callback(data) {
-      if (callbackData.length > 0) {
-        expect(data).toEqual(callbackData.shift());
-      }
-      if (callbackData.length === 0) {
+      testCount++;
+      expect(data).toMatchSnapshot();
+      if (testCount === expectedTestCount) {
         done();
       }
     }

From 4e71a109832d722dc3e113fea93e063f48581589 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 16:52:28 +0200
Subject: [PATCH 12/14] [ML] Renamed exploreSeries to getExploreSeriesLink and
 moved to chart_util.js

---
 .../explorer_charts/explore_series.js         | 69 -------------------
 .../explorer_charts_container.js              |  4 +-
 x-pack/plugins/ml/public/util/chart_utils.js  | 61 ++++++++++++++++
 .../chart_utils.test.js}                      |  8 +--
 4 files changed, 67 insertions(+), 75 deletions(-)
 delete mode 100644 x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
 rename x-pack/plugins/ml/public/{explorer/explorer_charts/explore_series.test.js => util/chart_utils.test.js} (89%)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
deleted file mode 100644
index 5aca8c734f1fe..0000000000000
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.js
+++ /dev/null
@@ -1,69 +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 _ from 'lodash';
-import moment from 'moment';
-import rison from 'rison-node';
-
-import chrome from 'ui/chrome';
-import { timefilter } from 'ui/timefilter';
-
-export function exploreSeries(series) {
-  // Open the Single Metric dashboard over the same overall bounds and
-  // zoomed in to the same time as the current chart.
-  const bounds = timefilter.getActiveBounds();
-  const from = bounds.min.toISOString(); // e.g. 2016-02-08T16:00:00.000Z
-  const to = bounds.max.toISOString();
-
-  const zoomFrom = moment(series.plotEarliest).toISOString();
-  const zoomTo = moment(series.plotLatest).toISOString();
-
-  // Pass the detector index and entity fields (i.e. by, over, partition fields)
-  // to identify the particular series to view.
-  // Initially pass them in the mlTimeSeriesExplorer part of the AppState.
-  // TODO - do we want to pass the entities via the filter?
-  const entityCondition = {};
-  _.each(series.entityFields, (entity) => {
-    entityCondition[entity.fieldName] = entity.fieldValue;
-  });
-
-  // Use rison to build the URL .
-  const _g = rison.encode({
-    ml: {
-      jobIds: [series.jobId]
-    },
-    refreshInterval: {
-      display: 'Off',
-      pause: false,
-      value: 0
-    },
-    time: {
-      from: from,
-      to: to,
-      mode: 'absolute'
-    }
-  });
-
-  const _a = rison.encode({
-    mlTimeSeriesExplorer: {
-      zoom: {
-        from: zoomFrom,
-        to: zoomTo
-      },
-      detectorIndex: series.detectorIndex,
-      entities: entityCondition,
-    },
-    filters: [],
-    query: {
-      query_string: {
-        analyze_wildcard: true,
-        query: '*'
-      }
-    }
-  });
-
-  return `${chrome.getBasePath()}/app/ml#/timeseriesexplorer?_g=${_g}&_a=${encodeURIComponent(_a)}`;
-}
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
index 44115109cb467..b4ec174a69907 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.js
@@ -9,7 +9,7 @@ import React from 'react';
 
 import { EuiIconTip } from '@elastic/eui';
 
-import { exploreSeries } from './explore_series';
+import { getExploreSeriesLink } from '../../util/chart_utils';
 import { ExplorerChart } from './explorer_chart';
 import { ExplorerChartTooltip } from './explorer_chart_tooltip';
 
@@ -60,7 +60,7 @@ export function ExplorerChartsContainer({
                     color="warning"
                   />
                 )}
-                <a className="euiLink" onClick={() => window.open(exploreSeries(series), '_blank')}>
+                <a className="euiLink" onClick={() => window.open(getExploreSeriesLink(series), '_blank')}>
                   View <i className="fa fa-external-link" aria-hidden="true" />
                 </a>
               </div>
diff --git a/x-pack/plugins/ml/public/util/chart_utils.js b/x-pack/plugins/ml/public/util/chart_utils.js
index f6227dad1e3ce..260635ef14163 100644
--- a/x-pack/plugins/ml/public/util/chart_utils.js
+++ b/x-pack/plugins/ml/public/util/chart_utils.js
@@ -9,6 +9,10 @@
 import d3 from 'd3';
 import { calculateTextWidth } from '../util/string_utils';
 import moment from 'moment';
+import rison from 'rison-node';
+
+import chrome from 'ui/chrome';
+import { timefilter } from 'ui/timefilter';
 
 const MAX_LABEL_WIDTH = 100;
 
@@ -117,6 +121,63 @@ export function filterAxisLabels(selection, chartWidth) {
     });
 }
 
+export function getExploreSeriesLink(series) {
+  // Open the Single Metric dashboard over the same overall bounds and
+  // zoomed in to the same time as the current chart.
+  const bounds = timefilter.getActiveBounds();
+  const from = bounds.min.toISOString(); // e.g. 2016-02-08T16:00:00.000Z
+  const to = bounds.max.toISOString();
+
+  const zoomFrom = moment(series.plotEarliest).toISOString();
+  const zoomTo = moment(series.plotLatest).toISOString();
+
+  // Pass the detector index and entity fields (i.e. by, over, partition fields)
+  // to identify the particular series to view.
+  // Initially pass them in the mlTimeSeriesExplorer part of the AppState.
+  // TODO - do we want to pass the entities via the filter?
+  const entityCondition = {};
+  series.entityFields.forEach((entity) => {
+    entityCondition[entity.fieldName] = entity.fieldValue;
+  });
+
+  // Use rison to build the URL .
+  const _g = rison.encode({
+    ml: {
+      jobIds: [series.jobId]
+    },
+    refreshInterval: {
+      display: 'Off',
+      pause: false,
+      value: 0
+    },
+    time: {
+      from: from,
+      to: to,
+      mode: 'absolute'
+    }
+  });
+
+  const _a = rison.encode({
+    mlTimeSeriesExplorer: {
+      zoom: {
+        from: zoomFrom,
+        to: zoomTo
+      },
+      detectorIndex: series.detectorIndex,
+      entities: entityCondition,
+    },
+    filters: [],
+    query: {
+      query_string: {
+        analyze_wildcard: true,
+        query: '*'
+      }
+    }
+  });
+
+  return `${chrome.getBasePath()}/app/ml#/timeseriesexplorer?_g=${_g}&_a=${encodeURIComponent(_a)}`;
+}
+
 export function numTicks(axisWidth) {
   return axisWidth / MAX_LABEL_WIDTH;
 }
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js b/x-pack/plugins/ml/public/util/chart_utils.test.js
similarity index 89%
rename from x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
rename to x-pack/plugins/ml/public/util/chart_utils.test.js
index b572e1d36d1ef..5bec58b9be0c9 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explore_series.test.js
+++ b/x-pack/plugins/ml/public/util/chart_utils.test.js
@@ -4,7 +4,7 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import seriesConfig from './__mocks__/mock_series_config_filebeat';
+import seriesConfig from '../explorer/explorer_charts/__mocks__/mock_series_config_filebeat';
 
 jest.mock('ui/chrome',
   () => ({
@@ -40,7 +40,7 @@ jest.mock('ui/timefilter/lib/parse_querystring',
 import moment from 'moment';
 import { timefilter } from 'ui/timefilter';
 
-import { exploreSeries } from './explore_series';
+import { getExploreSeriesLink } from './chart_utils';
 
 timefilter.enableTimeRangeSelector();
 timefilter.enableAutoRefreshSelector();
@@ -49,9 +49,9 @@ timefilter.setTime({
   to: moment(seriesConfig.selectedLatest).toISOString()
 });
 
-describe('exploreSeries', () => {
+describe('getExploreSeriesLink', () => {
   test('get timeseriesexplorer link', () => {
-    const link = exploreSeries(seriesConfig);
+    const link = getExploreSeriesLink(seriesConfig);
     const expectedLink = `<basepath>/app/ml#/timeseriesexplorer?_g=(ml:(jobIds:!(population-03)),` +
       `refreshInterval:(display:Off,pause:!f,value:0),time:(from:'2017-02-23T00:00:00.000Z',mode:absolute,` +
       `to:'2017-02-23T23:59:59.999Z'))&_a=(filters%3A!()%2CmlTimeSeriesExplorer%3A(detectorIndex%3A0%2Centities%3A` +

From 204981dfd5978140e23661792acaf59a0d53a5c5 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 16:55:54 +0200
Subject: [PATCH 13/14] [ML] Fix mock code style inconcistencies.

---
 .../explorer_chart_config_builder.test.js     | 18 +++----
 .../explorer_charts_container_service.test.js | 52 ++++++++-----------
 2 files changed, 30 insertions(+), 40 deletions(-)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
index 94d382b7051fb..bdfee3c933310 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart_config_builder.test.js
@@ -8,18 +8,14 @@ import mockAnomalyRecord from './__mocks__/mock_anomaly_record.json';
 import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
 import mockJobConfig from './__mocks__/mock_job_config.json';
 
-jest.mock('../../util/ml_error',
-  () => (class MLRequestFailure {})
-);
+jest.mock('../../util/ml_error', () => (class MLRequestFailure {}));
 
-jest.mock('../../services/job_service',
-  () => ({
-    mlJobService: {
-      getJob() { return mockJobConfig; },
-      detectorsByJob: mockDetectorsByJob
-    }
-  })
-);
+jest.mock('../../services/job_service', () => ({
+  mlJobService: {
+    getJob() { return mockJobConfig; },
+    detectorsByJob: mockDetectorsByJob
+  }
+}));
 
 import { buildConfig } from './explorer_chart_config_builder';
 
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
index 1885e25e8fae3..6978494e151d2 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container_service.test.js
@@ -9,36 +9,30 @@ import mockDetectorsByJob from './__mocks__/mock_detectors_by_job.json';
 import mockJobConfig from './__mocks__/mock_job_config.json';
 import mockSeriesPromisesResponse from './__mocks__/mock_series_promises_response.json';
 
-jest.mock('../../services/job_service',
-  () => ({
-    mlJobService: {
-      getJob() { return mockJobConfig; },
-      detectorsByJob: mockDetectorsByJob
-    }
-  })
-);
-
-jest.mock('../../services/results_service',
-  () => ({
-    mlResultsService: {
-      getMetricData() {
-        return Promise.resolve(mockSeriesPromisesResponse[0][0]);
-      },
-      getRecordsForCriteria() {
-        return Promise.resolve(mockSeriesPromisesResponse[0][1]);
-      },
-      getScheduledEventsByBucket() {
-        return Promise.resolve(mockSeriesPromisesResponse[0][2]);
-      }
+jest.mock('../../services/job_service', () => ({
+  mlJobService: {
+    getJob() { return mockJobConfig; },
+    detectorsByJob: mockDetectorsByJob
+  }
+}));
+
+jest.mock('../../services/results_service', () => ({
+  mlResultsService: {
+    getMetricData() {
+      return Promise.resolve(mockSeriesPromisesResponse[0][0]);
+    },
+    getRecordsForCriteria() {
+      return Promise.resolve(mockSeriesPromisesResponse[0][1]);
+    },
+    getScheduledEventsByBucket() {
+      return Promise.resolve(mockSeriesPromisesResponse[0][2]);
     }
-  })
-);
-
-jest.mock('../../util/string_utils',
-  () => ({
-    mlEscape(d) { return d; }
-  })
-);
+  }
+}));
+
+jest.mock('../../util/string_utils', () => ({
+  mlEscape(d) { return d; }
+}));
 
 const mockMlSelectSeverityService = {
   state: {

From 8eb8f4bda72f85735ab7147828eff3da949dce97 Mon Sep 17 00:00:00 2001
From: Walter Rafelsberger <walter@elastic.co>
Date: Thu, 6 Sep 2018 16:58:47 +0200
Subject: [PATCH 14/14] [ML] Tweak SVGElement mock code style.

---
 .../ml/public/explorer/explorer_charts/explorer_chart.test.js | 4 +---
 .../explorer_charts/explorer_charts_container.test.js         | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
index a220c75c9b9ea..cf28917c47a9a 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_chart.test.js
@@ -39,9 +39,7 @@ describe('ExplorerChart', () => {
 
   const mockedGetBBox = { x: 0, y: -11.5, width: 12.1875, height: 14.5 };
   const originalGetBBox = SVGElement.prototype.getBBox;
-  beforeEach(() => SVGElement.prototype.getBBox = () => {
-    return mockedGetBBox;
-  });
+  beforeEach(() => SVGElement.prototype.getBBox = () => mockedGetBBox);
   afterEach(() => (SVGElement.prototype.getBBox = originalGetBBox));
 
   test('Initialize', () => {
diff --git a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
index d5c957bb47a7e..073cee8632ebd 100644
--- a/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
+++ b/x-pack/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
@@ -41,9 +41,7 @@ describe('ExplorerChartsContainer', () => {
 
   const mockedGetBBox = { x: 0, y: -11.5, width: 12.1875, height: 14.5 };
   const originalGetBBox = SVGElement.prototype.getBBox;
-  beforeEach(() => SVGElement.prototype.getBBox = () => {
-    return mockedGetBBox;
-  });
+  beforeEach(() => SVGElement.prototype.getBBox = () => mockedGetBBox);
   afterEach(() => (SVGElement.prototype.getBBox = originalGetBBox));
 
   test('Minimal Initialization', () => {