Wait for .setValue()

Author: marinaaisa

tests/unit/components/BaseDropdown.spec.js

@@ -57,15 +57,15 @@ describe('BaseDropdown', () => {
     expect(dropdown.find('option').exists()).toBe(true);
   });
 
-  it('emits `input` event on each select change', () => {
+  it('emits `input` event on each select change', async () => {
     const value = 'foo';
     const wrapper = createWrapper({
       slots: {
         default: `<option value="${value}">Foo</option>`,
       },
     });
 
-    wrapper.findComponent('select').setValue(value);
+    await wrapper.findComponent('select').setValue(value);
     expect(wrapper.emitted('input')).toEqual([[value]]);
   });
 

tests/unit/components/DocumentationTopic/DocumentationNav/LanguageToggle.spec.js

@@ -104,8 +104,8 @@ describe('LanguageToggle', () => {
     Object.defineProperty(sizer, 'clientWidth', {
       get: () => 20,
     });
-    toggle.setValue(Language.objectiveC.key.api);
-    await wrapper.vm.$nextTick();
+    await toggle.setValue(Language.objectiveC.key.api);
+    await flushPromises();
     expect(toggle.attributes()).toHaveProperty('style', 'width: 28px;');
   });
 

tests/unit/components/Filter/FilterInput.spec.js

@@ -132,13 +132,12 @@ describe('FilterInput', () => {
     });
     expect(input.attributes('placeholder')).toBe('Foo');
     // make sure it emits the correct event
-    input.setValue(inputValue);
+    await input.setValue(inputValue);
     expect(wrapper.emitted('input')).toEqual([[inputValue]]);
     // make sure the input is bound
     await wrapper.setProps({
       value: 'new-value',
     });
-    await wrapper.vm.$nextTick();
     expect(input.element.value).toEqual('new-value');
   });
 
@@ -244,7 +243,7 @@ describe('FilterInput', () => {
   });
 
   it('adds character `/` as input value', async () => {
-    input.setValue('/');
+    await input.setValue('/');
     expect(wrapper.emitted('input')).toEqual([['/']]);
   });
 
@@ -1037,11 +1036,10 @@ describe('FilterInput', () => {
       wrapper.findComponent({ ref: 'selectedTags' }).vm.$emit('select-all');
       await wrapper.vm.$nextTick();
       input.trigger('keydown', { key: singleCharacter });
-      input.setValue(singleCharacter);
+      await input.setValue(singleCharacter);
 
       expect(wrapper.emitted('input')).toEqual([[''], [singleCharacter]]);
       expect(wrapper.emitted('update:selectedTags')).toBeTruthy();
-      await wrapper.vm.$nextTick();
       expect(document.activeElement).toBe(input.element);
     });
 
@@ -1057,11 +1055,10 @@ describe('FilterInput', () => {
         key: singleCharacter,
         shiftKey: true,
       });
-      input.setValue(singleCharacter);
+      await input.setValue(singleCharacter);
 
       expect(wrapper.emitted('input')).toEqual([[''], [singleCharacter]]);
       expect(wrapper.emitted('update:selectedTags')).toBeTruthy();
-      await wrapper.vm.$nextTick();
       expect(document.activeElement).toBe(input.element);
     });