import Vue from 'vue'; import SidebarAssignees from '~/sidebar/components/assignees/sidebar_assignees'; import SidebarMediator from '~/sidebar/sidebar_mediator'; import SidebarService from '~/sidebar/services/sidebar_service'; import SidebarStore from '~/sidebar/stores/sidebar_store'; import Mock from './mock_data'; import mountComponent from '../helpers/vue_mount_component_helper'; describe('sidebar assignees', () => { let vm; let mediator; let sidebarAssigneesEl; preloadFixtures('issues/open-issue.html.raw'); beforeEach(() => { Vue.http.interceptors.push(Mock.sidebarMockInterceptor); loadFixtures('issues/open-issue.html.raw'); mediator = new SidebarMediator(Mock.mediator); spyOn(mediator, 'saveAssignees').and.callThrough(); spyOn(mediator, 'assignYourself').and.callThrough(); const SidebarAssigneeComponent = Vue.extend(SidebarAssignees); sidebarAssigneesEl = document.querySelector('#js-vue-sidebar-assignees'); vm = mountComponent(SidebarAssigneeComponent, { mediator, field: sidebarAssigneesEl.dataset.field, }, sidebarAssigneesEl); }); afterEach(() => { SidebarService.singleton = null; SidebarStore.singleton = null; SidebarMediator.singleton = null; Vue.http.interceptors = _.without(Vue.http.interceptors, Mock.sidebarMockInterceptor); }); it('calls the mediator when saves the assignees', () => { vm.saveAssignees(); expect(mediator.saveAssignees).toHaveBeenCalled(); }); it('calls the mediator when "assignSelf" method is called', () => { vm.assignSelf(); expect(mediator.assignYourself).toHaveBeenCalled(); expect(mediator.store.assignees.length).toEqual(1); }); it('hides assignees until fetched', (done) => { const currentAssignee = sidebarAssigneesEl.querySelector('.value'); expect(currentAssignee).toBe(null); vm.store.isFetching.assignees = false; Vue.nextTick(() => { expect(vm.$el.querySelector('.value')).toBeVisible(); done(); }); }); });