diff options
Diffstat (limited to 'spec/javascripts/notes/components/note_header_spec.js')
-rw-r--r-- | spec/javascripts/notes/components/note_header_spec.js | 30 |
1 files changed, 14 insertions, 16 deletions
diff --git a/spec/javascripts/notes/components/note_header_spec.js b/spec/javascripts/notes/components/note_header_spec.js index 5636f8d1a9f..a3c6bf78988 100644 --- a/spec/javascripts/notes/components/note_header_spec.js +++ b/spec/javascripts/notes/components/note_header_spec.js @@ -1,13 +1,15 @@ import Vue from 'vue'; import noteHeader from '~/notes/components/note_header.vue'; -import store from '~/notes/stores'; +import createStore from '~/notes/stores'; describe('note_header component', () => { + let store; let vm; let Component; beforeEach(() => { Component = Vue.extend(noteHeader); + store = createStore(); }); afterEach(() => { @@ -38,12 +40,8 @@ describe('note_header component', () => { }); it('should render user information', () => { - expect( - vm.$el.querySelector('.note-header-author-name').textContent.trim(), - ).toEqual('Root'); - expect( - vm.$el.querySelector('.note-header-info a').getAttribute('href'), - ).toEqual('/root'); + expect(vm.$el.querySelector('.note-header-author-name').textContent.trim()).toEqual('Root'); + expect(vm.$el.querySelector('.note-header-info a').getAttribute('href')).toEqual('/root'); }); it('should render timestamp link', () => { @@ -78,7 +76,7 @@ describe('note_header component', () => { expect(vm.$el.querySelector('.js-vue-toggle-button')).toBeDefined(); }); - it('emits toggle event on click', (done) => { + it('emits toggle event on click', done => { spyOn(vm, '$emit'); vm.$el.querySelector('.js-vue-toggle-button').click(); @@ -89,24 +87,24 @@ describe('note_header component', () => { }); }); - it('renders up arrow when open', (done) => { + it('renders up arrow when open', done => { vm.expanded = true; Vue.nextTick(() => { - expect( - vm.$el.querySelector('.js-vue-toggle-button i').classList, - ).toContain('fa-chevron-up'); + expect(vm.$el.querySelector('.js-vue-toggle-button i').classList).toContain( + 'fa-chevron-up', + ); done(); }); }); - it('renders down arrow when closed', (done) => { + it('renders down arrow when closed', done => { vm.expanded = false; Vue.nextTick(() => { - expect( - vm.$el.querySelector('.js-vue-toggle-button i').classList, - ).toContain('fa-chevron-down'); + expect(vm.$el.querySelector('.js-vue-toggle-button i').classList).toContain( + 'fa-chevron-down', + ); done(); }); }); |