Merge branch 'jestodus-monitor-chart-specs' into 'master'

Migrate chart specs to jest

See merge request gitlab-org/gitlab!21714

spec/javascripts/monitoring/charts/column_spec.js → spec/frontend/monitoring/components/charts/column_spec.js

@@ -4,6 +4,10 @@ import ColumnChart from '~/monitoring/components/charts/column.vue';
 
 const localVue = createLocalVue();
 
+jest.mock('~/lib/utils/icon_utils', () => ({
+  getSvgIconPathContent: jest.fn().mockResolvedValue('mockSvgPathContent'),
+}));
+
 describe('Column component', () => {
   let columnChart;
 

spec/javascripts/monitoring/charts/heatmap_spec.js → spec/frontend/monitoring/components/charts/heatmap_spec.js

 import { shallowMount } from '@vue/test-utils';
 import { GlHeatmap } from '@gitlab/ui/dist/charts';
 import Heatmap from '~/monitoring/components/charts/heatmap.vue';
-import { graphDataPrometheusQueryRangeMultiTrack } from '../mock_data';
+import { graphDataPrometheusQueryRangeMultiTrack } from '../../mock_data';
 
 describe('Heatmap component', () => {
   let heatmapChart;

spec/javascripts/monitoring/charts/single_stat_spec.js → spec/frontend/monitoring/components/charts/single_stat_spec.js

 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import SingleStatChart from '~/monitoring/components/charts/single_stat.vue';
-import { graphDataPrometheusQuery } from '../mock_data';
+import { graphDataPrometheusQuery } from '../../mock_data';
 
 const localVue = createLocalVue();
 

spec/frontend/monitoring/charts/time_series_spec.js → spec/frontend/monitoring/components/charts/time_series_spec.js

@@ -12,20 +12,14 @@ import {
   mockedQueryResultPayload,
   mockProjectDir,
   mockHost,
-} from '../mock_data';
-
+} from '../../mock_data';
 import * as iconUtils from '~/lib/utils/icon_utils';
 
-const mockSvgPathContent = 'mockSvgPathContent';
 const mockWidgets = 'mockWidgets';
 
+const mockSvgPathContent = 'mockSvgPathContent';
 jest.mock('~/lib/utils/icon_utils', () => ({
-  getSvgIconPathContent: jest.fn().mockImplementation(
-    () =>
-      new Promise(resolve => {
-        resolve(mockSvgPathContent);
-      }),
-  ),
+  getSvgIconPathContent: jest.fn().mockImplementation(() => Promise.resolve(mockSvgPathContent)),
 }));
 
 describe('Time series component', () => {