import _ from 'underscore';
import Vue from 'vue';
import SidebarMediator from '~/sidebar/sidebar_mediator';
import SidebarStore from '~/sidebar/stores/sidebar_store';
import SidebarService from '~/sidebar/services/sidebar_service';
import Mock from './mock_data';

describe('Sidebar mediator', function() {
  beforeEach(() => {
    Vue.http.interceptors.push(Mock.sidebarMockInterceptor);
    this.mediator = new SidebarMediator(Mock.mediator);
  });

  afterEach(() => {
    SidebarService.singleton = null;
    SidebarStore.singleton = null;
    SidebarMediator.singleton = null;
    Vue.http.interceptors = _.without(Vue.http.interceptors, Mock.sidebarMockInterceptor);
  });

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

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

  it('saves assignees', done => {
    this.mediator
      .saveAssignees('issue[assignee_ids]')
      .then(resp => {
        expect(resp.status).toEqual(200);
        done();
      })
      .catch(done.fail);
  });

  it('fetches the data', done => {
    const mockData =
      Mock.responseMap.GET['/gitlab-org/gitlab-shell/issues/5.json?serializer=sidebar'];
    spyOn(this.mediator, 'processFetchedData').and.callThrough();

    this.mediator
      .fetch()
      .then(() => {
        expect(this.mediator.processFetchedData).toHaveBeenCalledWith(mockData);
      })
      .then(done)
      .catch(done.fail);
  });

  it('processes fetched data', () => {
    const mockData =
      Mock.responseMap.GET['/gitlab-org/gitlab-shell/issues/5.json?serializer=sidebar'];
    this.mediator.processFetchedData(mockData);

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

  it('sets moveToProjectId', () => {
    const projectId = 7;
    spyOn(this.mediator.store, 'setMoveToProjectId').and.callThrough();

    this.mediator.setMoveToProjectId(projectId);

    expect(this.mediator.store.setMoveToProjectId).toHaveBeenCalledWith(projectId);
  });

  it('fetches autocomplete projects', done => {
    const searchTerm = 'foo';
    spyOn(this.mediator.service, 'getProjectsAutocomplete').and.callThrough();
    spyOn(this.mediator.store, 'setAutocompleteProjects').and.callThrough();

    this.mediator
      .fetchAutocompleteProjects(searchTerm)
      .then(() => {
        expect(this.mediator.service.getProjectsAutocomplete).toHaveBeenCalledWith(searchTerm);
        expect(this.mediator.store.setAutocompleteProjects).toHaveBeenCalled();
      })
      .then(done)
      .catch(done.fail);
  });

  it('moves issue', done => {
    const moveToProjectId = 7;
    this.mediator.store.setMoveToProjectId(moveToProjectId);
    spyOn(this.mediator.service, 'moveIssue').and.callThrough();
    const visitUrl = spyOnDependency(SidebarMediator, 'visitUrl');

    this.mediator
      .moveIssue()
      .then(() => {
        expect(this.mediator.service.moveIssue).toHaveBeenCalledWith(moveToProjectId);
        expect(visitUrl).toHaveBeenCalledWith('/root/some-project/issues/5');
      })
      .then(done)
      .catch(done.fail);
  });

  it('toggle subscription', done => {
    this.mediator.store.setSubscribedState(false);
    spyOn(this.mediator.service, 'toggleSubscription').and.callThrough();

    this.mediator
      .toggleSubscription()
      .then(() => {
        expect(this.mediator.service.toggleSubscription).toHaveBeenCalled();
        expect(this.mediator.store.subscribed).toEqual(true);
      })
      .then(done)
      .catch(done.fail);
  });
});