[Metric] convert mocha tests to jest

src/dev/jest/config.js

@@ -58,6 +58,7 @@ export default {
     '^ui/(.*)': '<rootDir>/src/legacy/ui/public/$1',
     '^uiExports/(.*)': '<rootDir>/src/dev/jest/mocks/file_mock.js',
     '^test_utils/(.*)': '<rootDir>/src/test_utils/public/$1',
+    '^fixtures/(.*)': '<rootDir>/src/fixtures/$1',
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
       '<rootDir>/src/dev/jest/mocks/file_mock.js',
     '\\.(css|less|scss)$': '<rootDir>/src/dev/jest/mocks/style_mock.js',

src/legacy/core_plugins/vis_type_metric/public/__tests__/metric_vis_controller.js → src/legacy/core_plugins/vis_type_metric/public/components/metric_vis_component.test.ts

@@ -17,11 +17,14 @@
  * under the License.
  */
 
-import expect from '@kbn/expect';
-import { MetricVisComponent } from '../components/metric_vis_controller';
+// @ts-ignore
+import { MetricVisComponent } from './metric_vis_component';
+import { Vis } from '../legacy_imports';
+
+jest.mock('ui/new_platform');
 
 describe('metric_vis - controller', function() {
-  const vis = {
+  const vis: Vis = {
     params: {
       metric: {
         colorSchema: 'Green to Red',
@@ -33,39 +36,46 @@ describe('metric_vis - controller', function() {
         bucket: null,
       },
     },
-  };
+  } as any;
 
-  let metricController;
+  let metricVis: MetricVisComponent;
 
   beforeEach(() => {
-    metricController = new MetricVisComponent({ vis: vis, visParams: vis.params });
+    metricVis = new MetricVisComponent({
+      vis,
+      visParams: vis.params,
+      visData: {} as any,
+      renderComplete: jest.fn(),
+    });
   });
 
   it('should set the metric label and value', function() {
-    const metrics = metricController._processTableGroups({
+    // @ts-ignore
+    const metrics = metricVis.processTableGroups({
       columns: [{ id: 'col-0', name: 'Count' }],
       rows: [{ 'col-0': 4301021 }],
     });
 
-    expect(metrics.length).to.be(1);
-    expect(metrics[0].label).to.be('Count');
-    expect(metrics[0].value).to.be('<span ng-non-bindable>4301021</span>');
+    expect(metrics.length).toBe(1);
+    expect(metrics[0].label).toBe('Count');
+    expect(metrics[0].value).toBe('<span ng-non-bindable>4301021</span>');
   });
 
   it('should support multi-value metrics', function() {
     vis.params.dimensions.metrics.push({ accessor: 1 });
-    const metrics = metricController._processTableGroups({
+    // @ts-ignore
+    const metrics = metricVis.processTableGroups({
       columns: [
         { id: 'col-0', name: '1st percentile of bytes' },
         { id: 'col-1', name: '99th percentile of bytes' },
       ],
       rows: [{ 'col-0': 182, 'col-1': 445842.4634666484 }],
     });
 
-    expect(metrics.length).to.be(2);
-    expect(metrics[0].label).to.be('1st percentile of bytes');
-    expect(metrics[0].value).to.be('<span ng-non-bindable>182</span>');
-    expect(metrics[1].label).to.be('99th percentile of bytes');
-    expect(metrics[1].value).to.be('<span ng-non-bindable>445842.4634666484</span>');
+    expect(metrics.length).toBe(2);
+    expect(metrics[0].label).toBe('1st percentile of bytes');
+    expect(metrics[0].value).toBe('<span ng-non-bindable>182</span>');
+    expect(metrics[1].label).toBe('99th percentile of bytes');
+    expect(metrics[1].value).toBe('<span ng-non-bindable>445842.4634666484</span>');
   });
 });