1 files changed, 15 insertions, 16 deletions

diff --git a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
index 28d7ebe28df..386fb4eb616 100644
--- a/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
+++ b/spec/frontend/analytics/shared/components/projects_dropdown_filter_spec.js
@@ -1,4 +1,5 @@
 import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
+import { nextTick } from 'vue';
 import { mountExtended } from 'helpers/vue_test_utils_helper';
 import { stubComponent } from 'helpers/stub_component';
 import { TEST_HOST } from 'helpers/test_constants';
@@ -99,9 +100,9 @@ describe('ProjectsDropdownFilter component', () => {
   const findDropdownFullPathAtIndex = (index) =>
     findDropdownAtIndex(index).find('[data-testid="project-full-path"]');
 
-  const selectDropdownItemAtIndex = (index) => {
+  const selectDropdownItemAtIndex = async (index) => {
     findDropdownAtIndex(index).find('button').trigger('click');
-    return wrapper.vm.$nextTick();
+    await nextTick();
   };
 
   // NOTE: Selected items are now visually separated from unselected items
@@ -132,16 +133,15 @@ describe('ProjectsDropdownFilter component', () => {
 
       expect(spyQuery).toHaveBeenCalledTimes(1);
 
-      await wrapper.vm.$nextTick(() => {
-        expect(spyQuery).toHaveBeenCalledWith({
-          query: getProjects,
-          variables: {
-            search: 'gitlab',
-            groupFullPath: wrapper.vm.groupNamespace,
-            first: 50,
-            includeSubgroups: true,
-          },
-        });
+      await nextTick();
+      expect(spyQuery).toHaveBeenCalledWith({
+        query: getProjects,
+        variables: {
+          search: 'gitlab',
+          groupFullPath: wrapper.vm.groupNamespace,
+          first: 50,
+          includeSubgroups: true,
+        },
       });
     });
   });
@@ -193,7 +193,7 @@ describe('ProjectsDropdownFilter component', () => {
         expect(wrapper.text()).toContain('2 projects selected');
 
         findClearAllButton().trigger('click');
-        await wrapper.vm.$nextTick();
+        await nextTick();
 
         expect(wrapper.text()).not.toContain('2 projects selected');
         expect(wrapper.text()).toContain('Select projects');
@@ -366,9 +366,8 @@ describe('ProjectsDropdownFilter component', () => {
         selectDropdownItemAtIndex(0);
         selectDropdownItemAtIndex(1);
 
-        await wrapper.vm.$nextTick().then(() => {
-          expect(findDropdownButton().text()).toBe('2 projects selected');
-        });
+        await nextTick();
+        expect(findDropdownButton().text()).toBe('2 projects selected');
       });
     });
   });