Merge branch 'xanf-vtu-30-wait' into 'master'

Wait for axios mock in spec

Closes #122859

See merge request gitlab-org/gitlab!22285

ee/spec/frontend/custom_metrics/components/custom_metrics_form_fields_spec.js

 import { mount } from '@vue/test-utils';
 import MockAdapter from 'axios-mock-adapter';
 import { TEST_HOST } from 'helpers/test_constants';
+import waitForPromises from 'helpers/wait_for_promises';
 import CustomMetricsFormFields from 'ee/custom_metrics/components/custom_metrics_form_fields.vue';
 import axios from '~/lib/utils/axios_utils';
 
@@ -180,11 +181,15 @@ describe('custom metrics form fields component', () => {
         component.vm.$nextTick(() => {
           expect(component.vm.queryValidateInFlight).toBe(true);
           jest.runOnlyPendingTimers();
+          waitForPromises()
+            .then(() => {
               component.vm.$nextTick(() => {
                 expect(component.vm.queryValidateInFlight).toBe(false);
                 expect(component.vm.queryIsValid).toBe(true);
                 done();
               });
+            })
+            .catch(done.fail);
         });
       });
 
@@ -205,12 +210,16 @@ describe('custom metrics form fields component', () => {
         queryInput.trigger('input');
         component.vm.$nextTick(() => {
           jest.runOnlyPendingTimers();
+          waitForPromises()
+            .then(() => {
               component.vm.$nextTick(() => {
                 expect(component.vm.queryValidateInFlight).toBe(false);
                 expect(component.vm.queryIsValid).toBe(true);
                 expect(component.vm.errorMessage).toBe('');
                 done();
               });
+            })
+            .catch(done.fail);
         });
       });
     });