debian-mirror-gitlab/spec/frontend/diffs/utils/merge_request_spec.js

import {
  updateChangesTabCount,
  getDerivedMergeRequestInformation,
} from '~/diffs/utils/merge_request';
import { ZERO_CHANGES_ALT_DISPLAY } from '~/diffs/constants';
import { diffMetadata } from '../mock_data/diff_metadata';

describe('Merge Request utilities', () => {
  const derivedBaseInfo = {
    mrPath: '/gitlab-org/gitlab-test/-/merge_requests/4',
    namespace: 'gitlab-org',
    project: 'gitlab-test',
    id: '4',
  };
  const derivedVersionInfo = {
    diffId: '4',
    startSha: 'eb227b3e214624708c474bdab7bde7afc17cefcc',
  };
  const noVersion = {
    diffId: undefined,
    startSha: undefined,
  };
  const unparseableEndpoint = {
    mrPath: undefined,
    namespace: undefined,
    project: undefined,
    id: undefined,
    ...noVersion,
  };

  describe('updateChangesTabCount', () => {
    let dummyTab;
    let badge;

    beforeEach(() => {
      dummyTab = document.createElement('div');
      dummyTab.classList.add('js-diffs-tab');
      dummyTab.insertAdjacentHTML('afterbegin', '<span class="gl-badge">ERROR</span>');
      badge = dummyTab.querySelector('.gl-badge');
    });

    afterEach(() => {
      dummyTab.remove();
      dummyTab = null;
      badge = null;
    });

    it('uses the alt hyphen display when the new changes are falsey', () => {
      updateChangesTabCount({ count: 0, badge });

      expect(dummyTab.textContent).toBe(ZERO_CHANGES_ALT_DISPLAY);

      updateChangesTabCount({ badge });

      expect(dummyTab.textContent).toBe(ZERO_CHANGES_ALT_DISPLAY);

      updateChangesTabCount({ count: false, badge });

      expect(dummyTab.textContent).toBe(ZERO_CHANGES_ALT_DISPLAY);
    });

    it('uses the actual value for display when the value is truthy', () => {
      updateChangesTabCount({ count: 42, badge });

      expect(dummyTab.textContent).toBe('42');

      updateChangesTabCount({ count: '999+', badge });

      expect(dummyTab.textContent).toBe('999+');
    });

    it('selects the proper element to modify by default', () => {
      document.body.insertAdjacentElement('afterbegin', dummyTab);

      updateChangesTabCount({ count: 42 });

      expect(dummyTab.textContent).toBe('42');
    });
  });

  describe('getDerivedMergeRequestInformation', () => {
    const bare = diffMetadata.latest_version_path;

    it.each`
      argument                                               | response
      ${{ endpoint: `${bare}.json?searchParam=irrelevant` }} | ${{ ...derivedBaseInfo, ...noVersion }}
      ${{}}                                                  | ${unparseableEndpoint}
      ${{ endpoint: undefined }}                             | ${unparseableEndpoint}
      ${{ endpoint: null }}                                  | ${unparseableEndpoint}
    `('generates the correct derived results based on $argument', ({ argument, response }) => {
      expect(getDerivedMergeRequestInformation(argument)).toStrictEqual(response);
    });

    describe('sub-group namespace', () => {
      it('extracts the entire namespace plus the project name', () => {
        const { namespace, project } = getDerivedMergeRequestInformation({
          endpoint: `/some/deep/path/of/groups${bare}`,
        });

        expect(namespace).toBe('some/deep/path/of/groups/gitlab-org');
        expect(project).toBe('gitlab-test');
      });
    });

    describe('version information', () => {
      it('still gets the correct derived information', () => {
        expect(
          getDerivedMergeRequestInformation({
            endpoint: diffMetadata.merge_request_diffs[0].compare_path,
          }),
        ).toMatchObject(derivedBaseInfo);
      });

      it.each`
        url                                                   | versionPart
        ${diffMetadata.merge_request_diffs[0].compare_path}   | ${derivedVersionInfo}
        ${`${bare}?diff_id=${derivedVersionInfo.diffId}`}     | ${{ ...derivedVersionInfo, startSha: undefined }}
        ${`${bare}?start_sha=${derivedVersionInfo.startSha}`} | ${{ ...derivedVersionInfo, diffId: undefined }}
      `(
        'generates the correct derived version information based on $url',
        ({ url, versionPart }) => {
          expect(getDerivedMergeRequestInformation({ endpoint: url })).toMatchObject(versionPart);
        },
      );

      it('extracts nothing if there is no available version-like information in the URL', () => {
        expect(getDerivedMergeRequestInformation({ endpoint: bare })).toMatchObject(noVersion);
      });
    });
  });
});