1 files changed, 8 insertions, 10 deletions
diff --git a/spec/frontend/jobs/bridge/app_spec.js b/spec/frontend/jobs/bridge/app_spec.js
index c0faab90552..210dcfa364b 100644
--- a/spec/frontend/jobs/bridge/app_spec.js
+++ b/spec/frontend/jobs/bridge/app_spec.js
@@ -1,5 +1,6 @@
-import { nextTick } from 'vue';
-import { shallowMount, createLocalVue } from '@vue/test-utils';
+import Vue, { nextTick } from 'vue';
+import { shallowMount } from '@vue/test-utils';
+
 import { GlBreakpointInstance } from '@gitlab/ui/dist/utils';
 import { GlLoadingIcon } from '@gitlab/ui';
 import VueApollo from 'vue-apollo';
@@ -17,9 +18,6 @@ import {
   mockPipelineQueryResponse,
 } from './mock_data';
 
-const localVue = createLocalVue();
-localVue.use(VueApollo);
-
 describe('Bridge Show Page', () => {
   let wrapper;
   let mockApollo;
@@ -47,10 +45,10 @@ describe('Bridge Show Page', () => {
 
   const createComponentWithApollo = () => {
     const handlers = [[getPipelineQuery, mockPipelineQuery]];
+    Vue.use(VueApollo);
     mockApollo = createMockApollo(handlers);
 
     createComponent({
-      localVue,
       apolloProvider: mockApollo,
       mocks: {},
     });
@@ -81,10 +79,10 @@ describe('Bridge Show Page', () => {
   });
 
   describe('after pipeline query is loaded', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       mockPipelineQuery.mockResolvedValue(mockPipelineQueryResponse);
       createComponentWithApollo();
-      waitForPromises();
+      await waitForPromises();
     });
 
     it('query is called with correct variables', async () => {
@@ -109,10 +107,10 @@ describe('Bridge Show Page', () => {
   });
 
   describe('sidebar expansion', () => {
-    beforeEach(() => {
+    beforeEach(async () => {
       mockPipelineQuery.mockResolvedValue(mockPipelineQueryResponse);
       createComponentWithApollo();
-      waitForPromises();
+      await waitForPromises();
     });
 
     describe('on resize', () => {