Add latest changes from gitlab-org/gitlab@14-4-stable-eev14.4.0-rc42

1 files changed, 155 insertions, 1 deletions

diff --git a/spec/frontend/analytics/shared/utils_spec.js b/spec/frontend/analytics/shared/utils_spec.js
index e3293f2d8bd..0513ccb2890 100644
--- a/spec/frontend/analytics/shared/utils_spec.js
+++ b/spec/frontend/analytics/shared/utils_spec.js
@@ -1,4 +1,10 @@
-import { filterBySearchTerm } from '~/analytics/shared/utils';
+import {
+  filterBySearchTerm,
+  extractFilterQueryParameters,
+  extractPaginationQueryParameters,
+  getDataZoomOption,
+} from '~/analytics/shared/utils';
+import { objectToQuery } from '~/lib/utils/url_utility';
 
 describe('filterBySearchTerm', () => {
   const data = [
@@ -22,3 +28,151 @@ describe('filterBySearchTerm', () => {
     expect(filterBySearchTerm(data, 'ne', 'title')).toEqual([data[0]]);
   });
 });
+
+describe('extractFilterQueryParameters', () => {
+  const selectedAuthor = 'Author 1';
+  const selectedMilestone = 'Milestone 1.0';
+  const selectedSourceBranch = 'main';
+  const selectedTargetBranch = 'feature-1';
+  const selectedAssigneeList = ['Alice', 'Bob'];
+  const selectedLabelList = ['Label 1', 'Label 2'];
+
+  const queryParamsString = objectToQuery({
+    source_branch_name: selectedSourceBranch,
+    target_branch_name: selectedTargetBranch,
+    author_username: selectedAuthor,
+    milestone_title: selectedMilestone,
+    assignee_username: selectedAssigneeList,
+    label_name: selectedLabelList,
+  });
+
+  it('extracts the correct filter parameters from a url', () => {
+    const result = extractFilterQueryParameters(queryParamsString);
+    const operator = '=';
+    const expectedFilters = {
+      selectedAssigneeList: { operator, value: selectedAssigneeList.join(',') },
+      selectedLabelList: { operator, value: selectedLabelList.join(',') },
+      selectedAuthor: { operator, value: selectedAuthor },
+      selectedMilestone: { operator, value: selectedMilestone },
+      selectedSourceBranch: { operator, value: selectedSourceBranch },
+      selectedTargetBranch: { operator, value: selectedTargetBranch },
+    };
+    expect(result).toMatchObject(expectedFilters);
+  });
+
+  it('returns null for missing parameters', () => {
+    const result = extractFilterQueryParameters('');
+    const expectedFilters = {
+      selectedAuthor: null,
+      selectedMilestone: null,
+      selectedSourceBranch: null,
+      selectedTargetBranch: null,
+    };
+    expect(result).toMatchObject(expectedFilters);
+  });
+
+  it('only returns the parameters we expect', () => {
+    const result = extractFilterQueryParameters('foo="one"&bar="two"');
+    const resultKeys = Object.keys(result);
+    ['foo', 'bar'].forEach((key) => {
+      expect(resultKeys).not.toContain(key);
+    });
+
+    [
+      'selectedAuthor',
+      'selectedMilestone',
+      'selectedSourceBranch',
+      'selectedTargetBranch',
+      'selectedAssigneeList',
+      'selectedLabelList',
+    ].forEach((key) => {
+      expect(resultKeys).toContain(key);
+    });
+  });
+
+  it('returns an empty array for missing list parameters', () => {
+    const result = extractFilterQueryParameters('');
+    const expectedFilters = { selectedAssigneeList: [], selectedLabelList: [] };
+    expect(result).toMatchObject(expectedFilters);
+  });
+});
+
+describe('extractPaginationQueryParameters', () => {
+  const sort = 'title';
+  const direction = 'asc';
+  const page = '1';
+  const queryParamsString = objectToQuery({ sort, direction, page });
+
+  it('extracts the correct filter parameters from a url', () => {
+    const result = extractPaginationQueryParameters(queryParamsString);
+    const expectedFilters = { sort, page, direction };
+    expect(result).toMatchObject(expectedFilters);
+  });
+
+  it('returns null for missing parameters', () => {
+    const result = extractPaginationQueryParameters('');
+    const expectedFilters = { sort: null, direction: null, page: null };
+    expect(result).toMatchObject(expectedFilters);
+  });
+
+  it('only returns the parameters we expect', () => {
+    const result = extractPaginationQueryParameters('foo="one"&bar="two"&qux="three"');
+    const resultKeys = Object.keys(result);
+    ['foo', 'bar', 'qux'].forEach((key) => {
+      expect(resultKeys).not.toContain(key);
+    });
+
+    ['sort', 'page', 'direction'].forEach((key) => {
+      expect(resultKeys).toContain(key);
+    });
+  });
+});
+
+describe('getDataZoomOption', () => {
+  it('returns an empty object when totalItems <= maxItemsPerPage', () => {
+    const totalItems = 10;
+    const maxItemsPerPage = 20;
+
+    expect(getDataZoomOption({ totalItems, maxItemsPerPage })).toEqual({});
+  });
+
+  describe('when totalItems > maxItemsPerPage', () => {
+    const totalItems = 30;
+    const maxItemsPerPage = 20;
+
+    it('properly computes the end interval for the default datazoom config', () => {
+      const expected = [
+        {
+          type: 'slider',
+          bottom: 10,
+          start: 0,
+          end: 67,
+        },
+      ];
+
+      expect(getDataZoomOption({ totalItems, maxItemsPerPage })).toEqual(expected);
+    });
+
+    it('properly computes the end interval for a custom datazoom config', () => {
+      const dataZoom = [
+        { type: 'slider', bottom: 0, start: 0 },
+        { type: 'inside', start: 0 },
+      ];
+      const expected = [
+        {
+          type: 'slider',
+          bottom: 0,
+          start: 0,
+          end: 67,
+        },
+        {
+          type: 'inside',
+          start: 0,
+          end: 67,
+        },
+      ];
+
+      expect(getDataZoomOption({ totalItems, maxItemsPerPage, dataZoom })).toEqual(expected);
+    });
+  });
+});