Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGitLab Bot <gitlab-bot@gitlab.com>2023-07-19 17:16:28 +0300
committerGitLab Bot <gitlab-bot@gitlab.com>2023-07-19 17:16:28 +0300
commite4384360a16dd9a19d4d2d25d0ef1f2b862ed2a6 (patch)
tree2fcdfa7dcdb9db8f5208b2562f4b4e803d671243 /spec/frontend/monitoring/components/charts/column_spec.js
parentffda4e7bcac36987f936b4ba515995a6698698f0 (diff)
Add latest changes from gitlab-org/gitlab@16-2-stable-eev16.2.0-rc42
Diffstat (limited to 'spec/frontend/monitoring/components/charts/column_spec.js')
-rw-r--r--spec/frontend/monitoring/components/charts/column_spec.js118
1 files changed, 0 insertions, 118 deletions
diff --git a/spec/frontend/monitoring/components/charts/column_spec.js b/spec/frontend/monitoring/components/charts/column_spec.js
deleted file mode 100644
index cc38a3fd8a1..00000000000
--- a/spec/frontend/monitoring/components/charts/column_spec.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import { GlColumnChart } from '@gitlab/ui/dist/charts';
-import { shallowMount } from '@vue/test-utils';
-import timezoneMock from 'timezone-mock';
-import ColumnChart from '~/monitoring/components/charts/column.vue';
-
-jest.mock('~/lib/utils/icon_utils', () => ({
- getSvgIconPathContent: jest.fn().mockResolvedValue('mockSvgPathContent'),
-}));
-
-const yAxisName = 'Y-axis mock name';
-const yAxisFormat = 'bytes';
-const yAxisPrecistion = 3;
-const dataValues = [
- [1495700554.925, '8.0390625'],
- [1495700614.925, '8.0390625'],
- [1495700674.925, '8.0390625'],
-];
-
-describe('Column component', () => {
- let wrapper;
-
- const createWrapper = (props = {}) => {
- wrapper = shallowMount(ColumnChart, {
- propsData: {
- graphData: {
- yAxis: {
- name: yAxisName,
- format: yAxisFormat,
- precision: yAxisPrecistion,
- },
- metrics: [
- {
- label: 'Mock data',
- result: [
- {
- metric: {},
- values: dataValues,
- },
- ],
- },
- ],
- },
- ...props,
- },
- });
- };
- const findChart = () => wrapper.findComponent(GlColumnChart);
- const chartProps = (prop) => findChart().props(prop);
-
- beforeEach(() => {
- createWrapper();
- });
-
- describe('xAxisLabel', () => {
- const mockDate = Date.UTC(2020, 4, 26, 20); // 8:00 PM in GMT
-
- const useXAxisFormatter = (date) => {
- const { xAxis } = chartProps('option');
- const { formatter } = xAxis.axisLabel;
- return formatter(date);
- };
-
- it('x-axis is formatted correctly in m/d h:MM TT format', () => {
- expect(useXAxisFormatter(mockDate)).toEqual('5/26 8:00 PM');
- });
-
- describe('when in PT timezone', () => {
- beforeAll(() => {
- timezoneMock.register('US/Pacific');
- });
-
- afterAll(() => {
- timezoneMock.unregister();
- });
-
- it('by default, values are formatted in PT', () => {
- createWrapper();
- expect(useXAxisFormatter(mockDate)).toEqual('5/26 1:00 PM');
- });
-
- it('when the chart uses local timezone, y-axis is formatted in PT', () => {
- createWrapper({ timezone: 'LOCAL' });
- expect(useXAxisFormatter(mockDate)).toEqual('5/26 1:00 PM');
- });
-
- it('when the chart uses UTC, y-axis is formatted in UTC', () => {
- createWrapper({ timezone: 'UTC' });
- expect(useXAxisFormatter(mockDate)).toEqual('5/26 8:00 PM');
- });
- });
- });
-
- describe('wrapped components', () => {
- describe('GitLab UI column chart', () => {
- it('receives data properties needed for proper chart render', () => {
- expect(chartProps('bars')).toEqual([{ name: 'Mock data', data: dataValues }]);
- });
-
- it('passes the y axis name correctly', () => {
- expect(chartProps('yAxisTitle')).toBe(yAxisName);
- });
-
- it('passes the y axis configuration correctly', () => {
- expect(chartProps('option').yAxis).toMatchObject({
- name: yAxisName,
- axisLabel: {
- formatter: expect.any(Function),
- },
- scale: false,
- });
- });
-
- it('passes a dataZoom configuration', () => {
- expect(chartProps('option').dataZoom).toBeDefined();
- });
- });
- });
-});