diff options
Diffstat (limited to 'spec/javascripts/issue_show/components/title_spec.js')
-rw-r--r-- | spec/javascripts/issue_show/components/title_spec.js | 105 |
1 files changed, 0 insertions, 105 deletions
diff --git a/spec/javascripts/issue_show/components/title_spec.js b/spec/javascripts/issue_show/components/title_spec.js deleted file mode 100644 index 9754c8a6755..00000000000 --- a/spec/javascripts/issue_show/components/title_spec.js +++ /dev/null @@ -1,105 +0,0 @@ -import Vue from 'vue'; -import Store from '~/issue_show/stores'; -import titleComponent from '~/issue_show/components/title.vue'; -import eventHub from '~/issue_show/event_hub'; - -describe('Title component', () => { - let vm; - - beforeEach(() => { - const Component = Vue.extend(titleComponent); - const store = new Store({ - titleHtml: '', - descriptionHtml: '', - issuableRef: '', - }); - vm = new Component({ - propsData: { - issuableRef: '#1', - titleHtml: 'Testing <img />', - titleText: 'Testing', - showForm: false, - formState: store.formState, - }, - }).$mount(); - }); - - it('renders title HTML', () => { - expect(vm.$el.querySelector('.title').innerHTML.trim()).toBe('Testing <img>'); - }); - - it('updates page title when changing titleHtml', done => { - spyOn(vm, 'setPageTitle'); - vm.titleHtml = 'test'; - - Vue.nextTick(() => { - expect(vm.setPageTitle).toHaveBeenCalled(); - - done(); - }); - }); - - it('animates title changes', done => { - vm.titleHtml = 'test'; - - Vue.nextTick(() => { - expect( - vm.$el.querySelector('.title').classList.contains('issue-realtime-pre-pulse'), - ).toBeTruthy(); - - setTimeout(() => { - expect( - vm.$el.querySelector('.title').classList.contains('issue-realtime-trigger-pulse'), - ).toBeTruthy(); - - done(); - }); - }); - }); - - it('updates page title after changing title', done => { - vm.titleHtml = 'changed'; - vm.titleText = 'changed'; - - Vue.nextTick(() => { - expect(document.querySelector('title').textContent.trim()).toContain('changed'); - - done(); - }); - }); - - describe('inline edit button', () => { - beforeEach(() => { - spyOn(eventHub, '$emit'); - }); - - it('should not show by default', () => { - expect(vm.$el.querySelector('.btn-edit')).toBeNull(); - }); - - it('should not show if canUpdate is false', () => { - vm.showInlineEditButton = true; - vm.canUpdate = false; - - expect(vm.$el.querySelector('.btn-edit')).toBeNull(); - }); - - it('should show if showInlineEditButton and canUpdate', () => { - vm.showInlineEditButton = true; - vm.canUpdate = true; - - expect(vm.$el.querySelector('.btn-edit')).toBeDefined(); - }); - - it('should trigger open.form event when clicked', () => { - vm.showInlineEditButton = true; - vm.canUpdate = true; - - Vue.nextTick(() => { - vm.$el.querySelector('.btn-edit').click(); - - expect(eventHub.$emit).toHaveBeenCalledWith('open.form'); - }); - }); - }); -}); |