diff options
Diffstat (limited to 'spec/frontend/monitoring/components/charts')
6 files changed, 15 insertions, 27 deletions
diff --git a/spec/frontend/monitoring/components/charts/anomaly_spec.js b/spec/frontend/monitoring/components/charts/anomaly_spec.js index 15a52d03bcd..ebb49a2a0aa 100644 --- a/spec/frontend/monitoring/components/charts/anomaly_spec.js +++ b/spec/frontend/monitoring/components/charts/anomaly_spec.js @@ -46,9 +46,8 @@ describe('Anomaly chart component', () => { }); }); - it('is a Vue instance', () => { + it('renders correctly', () => { expect(findTimeSeries().exists()).toBe(true); - expect(findTimeSeries().isVueInstance()).toBe(true); }); describe('receives props correctly', () => { diff --git a/spec/frontend/monitoring/components/charts/bar_spec.js b/spec/frontend/monitoring/components/charts/bar_spec.js index e39e6e7e2c2..a363fafdc31 100644 --- a/spec/frontend/monitoring/components/charts/bar_spec.js +++ b/spec/frontend/monitoring/components/charts/bar_spec.js @@ -1,7 +1,7 @@ import { shallowMount } from '@vue/test-utils'; import { GlBarChart } from '@gitlab/ui/dist/charts'; import Bar from '~/monitoring/components/charts/bar.vue'; -import { barMockData } from '../../mock_data'; +import { barGraphData } from '../../graph_data'; jest.mock('~/lib/utils/icon_utils', () => ({ getSvgIconPathContent: jest.fn().mockResolvedValue('mockSvgPathContent'), @@ -10,11 +10,14 @@ jest.mock('~/lib/utils/icon_utils', () => ({ describe('Bar component', () => { let barChart; let store; + let graphData; beforeEach(() => { + graphData = barGraphData(); + barChart = shallowMount(Bar, { propsData: { - graphData: barMockData, + graphData, }, store, }); @@ -31,15 +34,11 @@ describe('Bar component', () => { beforeEach(() => { glbarChart = barChart.find(GlBarChart); - chartData = barChart.vm.chartData[barMockData.metrics[0].label]; - }); - - it('is a Vue instance', () => { - expect(glbarChart.isVueInstance()).toBe(true); + chartData = barChart.vm.chartData[graphData.metrics[0].label]; }); it('should display a label on the x axis', () => { - expect(glbarChart.vm.xAxisTitle).toBe(barMockData.xLabel); + expect(glbarChart.props('xAxisTitle')).toBe(graphData.xLabel); }); it('should return chartData as array of arrays', () => { diff --git a/spec/frontend/monitoring/components/charts/column_spec.js b/spec/frontend/monitoring/components/charts/column_spec.js index a2056d96dcf..16e2080c000 100644 --- a/spec/frontend/monitoring/components/charts/column_spec.js +++ b/spec/frontend/monitoring/components/charts/column_spec.js @@ -95,10 +95,6 @@ describe('Column component', () => { describe('wrapped components', () => { describe('GitLab UI column chart', () => { - it('is a Vue instance', () => { - expect(findChart().isVueInstance()).toBe(true); - }); - it('receives data properties needed for proper chart render', () => { expect(chartProps('data').values).toEqual(dataValues); }); diff --git a/spec/frontend/monitoring/components/charts/heatmap_spec.js b/spec/frontend/monitoring/components/charts/heatmap_spec.js index 27a2021e9be..c8375810a7b 100644 --- a/spec/frontend/monitoring/components/charts/heatmap_spec.js +++ b/spec/frontend/monitoring/components/charts/heatmap_spec.js @@ -24,21 +24,14 @@ describe('Heatmap component', () => { }; describe('wrapped chart', () => { - let glHeatmapChart; - beforeEach(() => { createWrapper(); - glHeatmapChart = findChart(); }); afterEach(() => { wrapper.destroy(); }); - it('is a Vue instance', () => { - expect(glHeatmapChart.isVueInstance()).toBe(true); - }); - it('should display a label on the x axis', () => { expect(wrapper.vm.xAxisName).toBe(graphData.xLabel); }); diff --git a/spec/frontend/monitoring/components/charts/stacked_column_spec.js b/spec/frontend/monitoring/components/charts/stacked_column_spec.js index bb2fbc68eaa..24a2af87eb8 100644 --- a/spec/frontend/monitoring/components/charts/stacked_column_spec.js +++ b/spec/frontend/monitoring/components/charts/stacked_column_spec.js @@ -3,13 +3,15 @@ import timezoneMock from 'timezone-mock'; import { cloneDeep } from 'lodash'; import { GlStackedColumnChart, GlChartLegend } from '@gitlab/ui/dist/charts'; import StackedColumnChart from '~/monitoring/components/charts/stacked_column.vue'; -import { stackedColumnMockedData } from '../../mock_data'; +import { stackedColumnGraphData } from '../../graph_data'; jest.mock('~/lib/utils/icon_utils', () => ({ getSvgIconPathContent: jest.fn().mockImplementation(icon => Promise.resolve(`${icon}-content`)), })); describe('Stacked column chart component', () => { + const stackedColumnMockedData = stackedColumnGraphData(); + let wrapper; const findChart = () => wrapper.find(GlStackedColumnChart); @@ -63,9 +65,9 @@ describe('Stacked column chart component', () => { const groupBy = findChart().props('groupBy'); expect(groupBy).toEqual([ - '2020-01-30T12:00:00.000Z', - '2020-01-30T12:01:00.000Z', - '2020-01-30T12:02:00.000Z', + '2015-07-01T20:10:50.000Z', + '2015-07-01T20:12:50.000Z', + '2015-07-01T20:14:50.000Z', ]); }); diff --git a/spec/frontend/monitoring/components/charts/time_series_spec.js b/spec/frontend/monitoring/components/charts/time_series_spec.js index 6f9a89feb3e..7f0ff534db3 100644 --- a/spec/frontend/monitoring/components/charts/time_series_spec.js +++ b/spec/frontend/monitoring/components/charts/time_series_spec.js @@ -632,9 +632,8 @@ describe('Time series component', () => { return wrapper.vm.$nextTick(); }); - it('is a Vue instance', () => { + it('exists', () => { expect(findChartComponent().exists()).toBe(true); - expect(findChartComponent().isVueInstance()).toBe(true); }); it('receives data properties needed for proper chart render', () => { |