diff options
Diffstat (limited to 'spec/frontend/vue_shared/components/dropdown')
-rw-r--r-- | spec/frontend/vue_shared/components/dropdown/dropdown_search_input_spec.js | 8 | ||||
-rw-r--r-- | spec/frontend/vue_shared/components/dropdown/dropdown_widget_spec.js | 5 |
2 files changed, 7 insertions, 6 deletions
diff --git a/spec/frontend/vue_shared/components/dropdown/dropdown_search_input_spec.js b/spec/frontend/vue_shared/components/dropdown/dropdown_search_input_spec.js index ec553c52236..b32dbeb8852 100644 --- a/spec/frontend/vue_shared/components/dropdown/dropdown_search_input_spec.js +++ b/spec/frontend/vue_shared/components/dropdown/dropdown_search_input_spec.js @@ -1,4 +1,5 @@ import { mount } from '@vue/test-utils'; +import { nextTick } from 'vue'; import DropdownSearchInputComponent from '~/vue_shared/components/dropdown/dropdown_search_input.vue'; describe('DropdownSearchInputComponent', () => { @@ -36,16 +37,15 @@ describe('DropdownSearchInputComponent', () => { expect(findInputEl().attributes('placeholder')).toBe(defaultProps.placeholderText); }); - it('focuses input element when focused property equals true', () => { + it('focuses input element when focused property equals true', async () => { const inputEl = findInputEl().element; jest.spyOn(inputEl, 'focus'); wrapper.setProps({ focused: true }); - return wrapper.vm.$nextTick().then(() => { - expect(inputEl.focus).toHaveBeenCalled(); - }); + await nextTick(); + expect(inputEl.focus).toHaveBeenCalled(); }); }); }); diff --git a/spec/frontend/vue_shared/components/dropdown/dropdown_widget_spec.js b/spec/frontend/vue_shared/components/dropdown/dropdown_widget_spec.js index b3af5fd3feb..084d0559665 100644 --- a/spec/frontend/vue_shared/components/dropdown/dropdown_widget_spec.js +++ b/spec/frontend/vue_shared/components/dropdown/dropdown_widget_spec.js @@ -1,6 +1,7 @@ import { GlDropdown, GlSearchBoxByType, GlDropdownItem } from '@gitlab/ui'; import { shallowMount } from '@vue/test-utils'; +import { nextTick } from 'vue'; import DropdownWidget from '~/vue_shared/components/dropdown/dropdown_widget/dropdown_widget.vue'; describe('DropdownWidget component', () => { @@ -53,7 +54,7 @@ describe('DropdownWidget component', () => { describe('when dropdown is open', () => { beforeEach(async () => { findDropdown().vm.$emit('show'); - await wrapper.vm.$nextTick(); + await nextTick(); }); it('emits search event when typing in search box', () => { @@ -69,7 +70,7 @@ describe('DropdownWidget component', () => { it('emits set-option event when clicking on an option', async () => { wrapper.findAll('[data-testid="unselected-option"]').at(1).trigger('click'); - await wrapper.vm.$nextTick(); + await nextTick(); expect(wrapper.emitted('set-option')).toEqual([[wrapper.props().options[1]]]); }); |