46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
import { GlSparklineChart } from '@gitlab/ui/dist/charts';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import MemoryGraph from '~/vue_shared/components/memory_graph.vue';
|
|
|
|
describe('MemoryGraph', () => {
|
|
let wrapper;
|
|
const metrics = [
|
|
[1573586253.853, '2.87'],
|
|
[1573586313.853, '2.77734375'],
|
|
[1573586373.853, '2.77734375'],
|
|
[1573586433.853, '3.0066964285714284'],
|
|
];
|
|
|
|
const findGlSparklineChart = () => wrapper.findComponent(GlSparklineChart);
|
|
|
|
beforeEach(() => {
|
|
wrapper = shallowMount(MemoryGraph, {
|
|
propsData: {
|
|
metrics,
|
|
width: 100,
|
|
height: 25,
|
|
},
|
|
});
|
|
});
|
|
|
|
describe('Chart data', () => {
|
|
it('should have formatted date & MB values', () => {
|
|
const formattedData = [
|
|
['Nov 12 2019 19:17:33', '2.87'],
|
|
['Nov 12 2019 19:18:33', '2.78'],
|
|
['Nov 12 2019 19:19:33', '2.78'],
|
|
['Nov 12 2019 19:20:33', '3.01'],
|
|
];
|
|
expect(findGlSparklineChart().props('data')).toEqual(formattedData);
|
|
});
|
|
});
|
|
|
|
describe('Render chart', () => {
|
|
it('should draw container with chart', () => {
|
|
expect(wrapper.element).toMatchSnapshot();
|
|
expect(wrapper.find('.memory-graph-container').exists()).toBe(true);
|
|
expect(findGlSparklineChart().exists()).toBe(true);
|
|
});
|
|
});
|
|
});
|