diff options
Diffstat (limited to 'spec/javascripts/sidebar/assignee_title_spec.js')
-rw-r--r-- | spec/javascripts/sidebar/assignee_title_spec.js | 123 |
1 files changed, 0 insertions, 123 deletions
diff --git a/spec/javascripts/sidebar/assignee_title_spec.js b/spec/javascripts/sidebar/assignee_title_spec.js deleted file mode 100644 index 0496e280a21..00000000000 --- a/spec/javascripts/sidebar/assignee_title_spec.js +++ /dev/null @@ -1,123 +0,0 @@ -import Vue from 'vue'; -import { mockTracking, triggerEvent } from 'spec/helpers/tracking_helper'; -import AssigneeTitle from '~/sidebar/components/assignees/assignee_title.vue'; - -describe('AssigneeTitle component', () => { - let component; - let AssigneeTitleComponent; - - beforeEach(() => { - AssigneeTitleComponent = Vue.extend(AssigneeTitle); - }); - - describe('assignee title', () => { - it('renders assignee', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 1, - editable: false, - }, - }).$mount(); - - expect(component.$el.innerText.trim()).toEqual('Assignee'); - }); - - it('renders 2 assignees', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 2, - editable: false, - }, - }).$mount(); - - expect(component.$el.innerText.trim()).toEqual('2 Assignees'); - }); - }); - - describe('gutter toggle', () => { - it('does not show toggle by default', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 2, - editable: false, - }, - }).$mount(); - - expect(component.$el.querySelector('.gutter-toggle')).toBeNull(); - }); - - it('shows toggle when showToggle is true', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 2, - editable: false, - showToggle: true, - }, - }).$mount(); - - expect(component.$el.querySelector('.gutter-toggle')).toEqual(jasmine.any(Object)); - }); - }); - - it('does not render spinner by default', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 0, - editable: false, - }, - }).$mount(); - - expect(component.$el.querySelector('.fa')).toBeNull(); - }); - - it('renders spinner when loading', () => { - component = new AssigneeTitleComponent({ - propsData: { - loading: true, - numberOfAssignees: 0, - editable: false, - }, - }).$mount(); - - expect(component.$el.querySelector('.fa')).not.toBeNull(); - }); - - it('does not render edit link when not editable', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 0, - editable: false, - }, - }).$mount(); - - expect(component.$el.querySelector('.edit-link')).toBeNull(); - }); - - it('renders edit link when editable', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 0, - editable: true, - }, - }).$mount(); - - expect(component.$el.querySelector('.edit-link')).not.toBeNull(); - }); - - it('tracks the event when edit is clicked', () => { - component = new AssigneeTitleComponent({ - propsData: { - numberOfAssignees: 0, - editable: true, - }, - }).$mount(); - - const spy = mockTracking('_category_', component.$el, spyOn); - triggerEvent('.js-sidebar-dropdown-toggle'); - - expect(spy).toHaveBeenCalledWith('_category_', 'click_edit_button', { - label: 'right_sidebar', - property: 'assignee', - }); - }); -}); |