diff options
author | John T Skarbek <jskarbek@gitlab.com> | 2019-04-30 18:58:48 -0400 |
---|---|---|
committer | John T Skarbek <jskarbek@gitlab.com> | 2019-04-30 18:58:48 -0400 |
commit | b1e7c4c6f1baedec623e5ef8b898881e76c84e81 (patch) | |
tree | 6a1f42fdef31ec4a4f28e5fabeb50488d6287231 /spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js | |
parent | 6900142d1bd374c14ff98e7ea91159a560daa37b (diff) | |
parent | 109002071858acb39dc00c8e5652d14f5f4d886d (diff) | |
download | gitlab-ce-b1e7c4c6f1baedec623e5ef8b898881e76c84e81.tar.gz |
Merge remote-tracking branch 'origin/master'
Diffstat (limited to 'spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js')
-rw-r--r-- | spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js b/spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js new file mode 100644 index 00000000000..c36a82e1a35 --- /dev/null +++ b/spec/frontend/vue_shared/components/sidebar/labels_select/dropdown_header_spec.js @@ -0,0 +1,40 @@ +import Vue from 'vue'; + +import dropdownHeaderComponent from '~/vue_shared/components/sidebar/labels_select/dropdown_header.vue'; + +import mountComponent from 'helpers/vue_mount_component_helper'; + +const createComponent = () => { + const Component = Vue.extend(dropdownHeaderComponent); + + return mountComponent(Component); +}; + +describe('DropdownHeaderComponent', () => { + let vm; + + beforeEach(() => { + vm = createComponent(); + }); + + afterEach(() => { + vm.$destroy(); + }); + + describe('template', () => { + it('renders header text element', () => { + const headerEl = vm.$el.querySelector('.dropdown-title span'); + + expect(headerEl.innerText.trim()).toBe('Assign labels'); + }); + + it('renders `Close` button element', () => { + const closeBtnEl = vm.$el.querySelector( + '.dropdown-title button.dropdown-title-button.dropdown-menu-close', + ); + + expect(closeBtnEl).not.toBeNull(); + expect(closeBtnEl.querySelector('.fa-times.dropdown-menu-close-icon')).not.toBeNull(); + }); + }); +}); |