1 files changed, 7 insertions, 6 deletions

diff --git a/spec/frontend/pipeline_new/components/pipeline_new_form_spec.js b/spec/frontend/pipeline_new/components/pipeline_new_form_spec.js
index 9e2bf1bd367..eec55091efa 100644
--- a/spec/frontend/pipeline_new/components/pipeline_new_form_spec.js
+++ b/spec/frontend/pipeline_new/components/pipeline_new_form_spec.js
@@ -1,6 +1,7 @@
 import { GlForm, GlSprintf, GlLoadingIcon } from '@gitlab/ui';
 import { mount, shallowMount } from '@vue/test-utils';
 import MockAdapter from 'axios-mock-adapter';
+import { nextTick } from 'vue';
 import CreditCardValidationRequiredAlert from 'ee_component/billings/components/cc_validation_required_alert.vue';
 import { TEST_HOST } from 'helpers/test_constants';
 import waitForPromises from 'helpers/wait_for_promises';
@@ -122,7 +123,7 @@ describe('Pipeline New Form', () => {
     it('removes ci variable row on remove icon button click', async () => {
       findRemoveIcons().at(1).trigger('click');
 
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       expect(findVariableRows()).toHaveLength(2);
     });
@@ -132,7 +133,7 @@ describe('Pipeline New Form', () => {
       input.element.value = 'test_var_2';
       input.trigger('change');
 
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       expect(findVariableRows()).toHaveLength(4);
       expect(findKeyInputs().at(3).element.value).toBe('');
@@ -205,7 +206,7 @@ describe('Pipeline New Form', () => {
       mainInput.element.value = 'build_var';
       mainInput.trigger('change');
 
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       selectBranch('branch-1');
 
@@ -215,7 +216,7 @@ describe('Pipeline New Form', () => {
       branchOneInput.element.value = 'deploy_var';
       branchOneInput.trigger('change');
 
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       selectBranch('main');
 
@@ -309,7 +310,7 @@ describe('Pipeline New Form', () => {
         findKeyInputs().at(0).element.value = 'yml_var_modified';
         findKeyInputs().at(0).trigger('change');
 
-        await wrapper.vm.$nextTick();
+        await nextTick();
 
         expect(findVariableRows().at(0).text()).not.toContain(mockYmlDesc);
       });
@@ -418,7 +419,7 @@ describe('Pipeline New Form', () => {
 
           findCCAlert().vm.$emit('dismiss');
 
-          await wrapper.vm.$nextTick();
+          await nextTick();
 
           expect(findCCAlert().exists()).toBe(false);
           expect(wrapper.vm.$data.error).toBe(null);