1 files changed, 7 insertions, 6 deletions
diff --git a/spec/frontend/clusters_list/components/ancestor_notice_spec.js b/spec/frontend/clusters_list/components/ancestor_notice_spec.js
index c7ee2a00f5b..a9f11e6fdf8 100644
--- a/spec/frontend/clusters_list/components/ancestor_notice_spec.js
+++ b/spec/frontend/clusters_list/components/ancestor_notice_spec.js
@@ -1,5 +1,6 @@
 import { GlLink, GlSprintf, GlAlert } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
+import { nextTick } from 'vue';
 import AncestorNotice from '~/clusters_list/components/ancestor_notice.vue';
 import ClusterStore from '~/clusters_list/store';
 
@@ -7,10 +8,10 @@ describe('ClustersAncestorNotice', () => {
   let store;
   let wrapper;
 
-  const createWrapper = () => {
+  const createWrapper = async () => {
     store = ClusterStore({ ancestorHelperPath: '/some/ancestor/path' });
     wrapper = shallowMount(AncestorNotice, { store, stubs: { GlSprintf, GlAlert } });
-    return wrapper.vm.$nextTick();
+    await nextTick();
   };
 
   beforeEach(() => {
@@ -22,9 +23,9 @@ describe('ClustersAncestorNotice', () => {
   });
 
   describe('when cluster does not have ancestors', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       store.state.hasAncestorClusters = false;
-      return wrapper.vm.$nextTick();
+      await nextTick();
     });
 
     it('displays no notice', () => {
@@ -33,9 +34,9 @@ describe('ClustersAncestorNotice', () => {
   });
 
   describe('when cluster has ancestors', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       store.state.hasAncestorClusters = true;
-      return wrapper.vm.$nextTick();
+      await nextTick();
     });
 
     it('displays notice text', () => {