1 files changed, 12 insertions, 12 deletions

diff --git a/spec/frontend/create_cluster/gke_cluster/components/gke_zone_dropdown_spec.js b/spec/frontend/create_cluster/gke_cluster/components/gke_zone_dropdown_spec.js
index 22fc681f863..7b4c228b879 100644
--- a/spec/frontend/create_cluster/gke_cluster/components/gke_zone_dropdown_spec.js
+++ b/spec/frontend/create_cluster/gke_cluster/components/gke_zone_dropdown_spec.js
@@ -1,4 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
+import { nextTick } from 'vue';
 import GkeZoneDropdown from '~/create_cluster/gke_cluster/components/gke_zone_dropdown.vue';
 import { createStore } from '~/create_cluster/gke_cluster/store';
 import {
@@ -46,11 +47,11 @@ describe('GkeZoneDropdown', () => {
     });
 
     describe('isLoading', () => {
-      beforeEach(() => {
+      beforeEach(async () => {
         // setData usage is discouraged. See https://gitlab.com/groups/gitlab-org/-/epics/7330 for details
         // eslint-disable-next-line no-restricted-syntax
         wrapper.setData({ isLoading: true });
-        return wrapper.vm.$nextTick();
+        await nextTick();
       });
 
       it('returns loading toggle text', () => {
@@ -59,10 +60,10 @@ describe('GkeZoneDropdown', () => {
     });
 
     describe('project is set', () => {
-      beforeEach(() => {
+      beforeEach(async () => {
         wrapper.vm.$store.commit(SET_PROJECT, selectedProjectMock);
         wrapper.vm.$store.commit(SET_PROJECT_BILLING_STATUS, true);
-        return wrapper.vm.$nextTick();
+        await nextTick();
       });
 
       it('returns default toggle text', () => {
@@ -71,9 +72,9 @@ describe('GkeZoneDropdown', () => {
     });
 
     describe('project is selected', () => {
-      beforeEach(() => {
+      beforeEach(async () => {
         wrapper.vm.setItem(selectedZoneMock);
-        return wrapper.vm.$nextTick();
+        await nextTick();
       });
 
       it('returns project name if project selected', () => {
@@ -83,21 +84,20 @@ describe('GkeZoneDropdown', () => {
   });
 
   describe('selectItem', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       wrapper.vm.$store.commit(SET_ZONES, gapiZonesResponseMock.items);
-      return wrapper.vm.$nextTick();
+      await nextTick();
     });
 
-    it('reflects new value when dropdown item is clicked', () => {
+    it('reflects new value when dropdown item is clicked', async () => {
       const dropdown = wrapper.find(DropdownHiddenInput);
 
       expect(dropdown.attributes('value')).toBe('');
 
       wrapper.find('.dropdown-content button').trigger('click');
 
-      return wrapper.vm.$nextTick().then(() => {
-        expect(dropdown.attributes('value')).toBe(selectedZoneMock);
-      });
+      await nextTick();
+      expect(dropdown.attributes('value')).toBe(selectedZoneMock);
     });
   });
 });