gitlab-org--gitlab-foss/spec/frontend/sidebar/sidebar_mediator_spec.js

import MockAdapter from 'axios-mock-adapter';
import axios from '~/lib/utils/axios_utils';
import * as urlUtility from '~/lib/utils/url_utility';
import SidebarService, { gqClient } from '~/sidebar/services/sidebar_service';
import SidebarMediator from '~/sidebar/sidebar_mediator';
import SidebarStore from '~/sidebar/stores/sidebar_store';
import toast from '~/vue_shared/plugins/global_toast';
import { refreshUserMergeRequestCounts } from '~/commons/nav/user_merge_requests';
import Mock from './mock_data';

jest.mock('~/vue_shared/plugins/global_toast');
jest.mock('~/commons/nav/user_merge_requests');

describe('Sidebar mediator', () => {
  const { mediator: mediatorMockData } = Mock;
  let mock;
  let mediator;

  beforeEach(() => {
    mock = new MockAdapter(axios);
    mediator = new SidebarMediator(mediatorMockData);
  });

  afterEach(() => {
    SidebarService.singleton = null;
    SidebarStore.singleton = null;
    SidebarMediator.singleton = null;
    mock.restore();
  });

  it('assigns yourself ', () => {
    mediator.assignYourself();

    expect(mediator.store.currentUser).toEqual(mediatorMockData.currentUser);
    expect(mediator.store.assignees[0]).toEqual(mediatorMockData.currentUser);
  });

  it('saves assignees', () => {
    mock.onPut(mediatorMockData.endpoint).reply(200, {});

    return mediator.saveAssignees('issue[assignee_ids]').then((resp) => {
      expect(resp.status).toEqual(200);
    });
  });

  it('fetches the data', () => {
    const mockData = Mock.responseMap.GET[mediatorMockData.endpoint];
    mock.onGet(mediatorMockData.endpoint).reply(200, mockData);

    const mockGraphQlData = Mock.graphQlResponseData;
    const graphQlSpy = jest.spyOn(gqClient, 'query').mockReturnValue({
      data: mockGraphQlData,
    });
    const spy = jest.spyOn(mediator, 'processFetchedData').mockReturnValue(Promise.resolve());

    return mediator.fetch().then(() => {
      expect(spy).toHaveBeenCalledWith(mockData, mockGraphQlData);

      spy.mockRestore();
      graphQlSpy.mockRestore();
    });
  });

  it('processes fetched data', () => {
    const mockData = Mock.responseMap.GET[mediatorMockData.endpoint];
    mediator.processFetchedData(mockData);

    expect(mediator.store.assignees).toEqual(mockData.assignees);
    expect(mediator.store.humanTimeEstimate).toEqual(mockData.human_time_estimate);
    expect(mediator.store.humanTotalTimeSpent).toEqual(mockData.human_total_time_spent);
    expect(mediator.store.timeEstimate).toEqual(mockData.time_estimate);
    expect(mediator.store.totalTimeSpent).toEqual(mockData.total_time_spent);
  });

  it('sets moveToProjectId', () => {
    const projectId = 7;
    const spy = jest.spyOn(mediator.store, 'setMoveToProjectId').mockReturnValue(Promise.resolve());

    mediator.setMoveToProjectId(projectId);

    expect(spy).toHaveBeenCalledWith(projectId);

    spy.mockRestore();
  });

  it('fetches autocomplete projects', () => {
    const searchTerm = 'foo';
    mock.onGet(mediatorMockData.projectsAutocompleteEndpoint).reply(200, {});
    const getterSpy = jest
      .spyOn(mediator.service, 'getProjectsAutocomplete')
      .mockReturnValue(Promise.resolve({ data: {} }));
    const setterSpy = jest
      .spyOn(mediator.store, 'setAutocompleteProjects')
      .mockReturnValue(Promise.resolve());

    return mediator.fetchAutocompleteProjects(searchTerm).then(() => {
      expect(getterSpy).toHaveBeenCalledWith(searchTerm);
      expect(setterSpy).toHaveBeenCalled();

      getterSpy.mockRestore();
      setterSpy.mockRestore();
    });
  });

  it('moves issue', () => {
    const mockData = Mock.responseMap.POST[mediatorMockData.moveIssueEndpoint];
    const moveToProjectId = 7;
    mock.onPost(mediatorMockData.moveIssueEndpoint).reply(200, mockData);
    mediator.store.setMoveToProjectId(moveToProjectId);
    const moveIssueSpy = jest
      .spyOn(mediator.service, 'moveIssue')
      .mockReturnValue(Promise.resolve({ data: { web_url: mockData.web_url } }));
    const urlSpy = jest.spyOn(urlUtility, 'visitUrl').mockReturnValue({});

    return mediator.moveIssue().then(() => {
      expect(moveIssueSpy).toHaveBeenCalledWith(moveToProjectId);
      expect(urlSpy).toHaveBeenCalledWith(mockData.web_url);

      moveIssueSpy.mockRestore();
      urlSpy.mockRestore();
    });
  });

  describe('toggleAttentionRequested', () => {
    let attentionRequiredService;

    beforeEach(() => {
      attentionRequiredService = jest
        .spyOn(mediator.service, 'toggleAttentionRequested')
        .mockResolvedValue();
    });

    it('calls attentionRequired service method', async () => {
      mediator.store.reviewers = [{ id: 1, attention_requested: false, username: 'root' }];

      await mediator.toggleAttentionRequested('reviewer', {
        user: { id: 1, username: 'root' },
        callback: jest.fn(),
      });

      expect(attentionRequiredService).toHaveBeenCalledWith(1);
      expect(refreshUserMergeRequestCounts).toHaveBeenCalled();
    });

    it.each`
      type          | method
      ${'reviewer'} | ${'findReviewer'}
    `('finds $type', ({ type, method }) => {
      const methodSpy = jest.spyOn(mediator.store, method);

      mediator.toggleAttentionRequested(type, { user: { id: 1 }, callback: jest.fn() });

      expect(methodSpy).toHaveBeenCalledWith({ id: 1 });
    });

    it.each`
      attentionRequested | toastMessage
      ${true}            | ${'Removed attention request from @root'}
      ${false}           | ${'Requested attention from @root'}
    `(
      'it creates toast $toastMessage when attention_requested is $attentionRequested',
      async ({ attentionRequested, toastMessage }) => {
        mediator.store.reviewers = [
          { id: 1, attention_requested: attentionRequested, username: 'root' },
        ];

        await mediator.toggleAttentionRequested('reviewer', {
          user: { id: 1, username: 'root' },
          callback: jest.fn(),
        });

        expect(toast).toHaveBeenCalledWith(toastMessage);
      },
    );
  });
});