1 files changed, 9 insertions, 10 deletions

diff --git a/spec/frontend/ide/components/ide_side_bar_spec.js b/spec/frontend/ide/components/ide_side_bar_spec.js
index c683612b142..34f14ef23a4 100644
--- a/spec/frontend/ide/components/ide_side_bar_spec.js
+++ b/spec/frontend/ide/components/ide_side_bar_spec.js
@@ -1,5 +1,6 @@
 import { GlSkeletonLoading } from '@gitlab/ui';
-import { mount, createLocalVue } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
+import Vue, { nextTick } from 'vue';
 import Vuex from 'vuex';
 import waitForPromises from 'helpers/wait_for_promises';
 import IdeReview from '~/ide/components/ide_review.vue';
@@ -10,8 +11,7 @@ import { leftSidebarViews } from '~/ide/constants';
 import { createStore } from '~/ide/stores';
 import { projectData } from '../mock_data';
 
-const localVue = createLocalVue();
-localVue.use(Vuex);
+Vue.use(Vuex);
 
 describe('IdeSidebar', () => {
   let wrapper;
@@ -26,7 +26,6 @@ describe('IdeSidebar', () => {
 
     return mount(IdeSidebar, {
       store,
-      localVue,
     });
   }
 
@@ -46,7 +45,7 @@ describe('IdeSidebar', () => {
 
     store.state.loading = true;
 
-    await wrapper.vm.$nextTick();
+    await nextTick();
 
     expect(wrapper.findAll(GlSkeletonLoading)).toHaveLength(3);
   });
@@ -61,7 +60,7 @@ describe('IdeSidebar', () => {
 
       store.state.currentActivityView = leftSidebarViews.review.name;
       await waitForPromises();
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       expect(wrapper.find(IdeTree).exists()).toBe(false);
       expect(wrapper.find(IdeReview).exists()).toBe(true);
@@ -69,7 +68,7 @@ describe('IdeSidebar', () => {
 
       store.state.currentActivityView = leftSidebarViews.commit.name;
       await waitForPromises();
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       expect(wrapper.find(IdeTree).exists()).toBe(false);
       expect(wrapper.find(IdeReview).exists()).toBe(false);
@@ -85,7 +84,7 @@ describe('IdeSidebar', () => {
         view,
       });
       await waitForPromises();
-      await wrapper.vm.$nextTick();
+      await nextTick();
 
       expect(wrapper.find(IdeTree).exists()).toBe(tree);
       expect(wrapper.find(IdeReview).exists()).toBe(review);
@@ -100,7 +99,7 @@ describe('IdeSidebar', () => {
 
     store.state.currentActivityView = leftSidebarViews.commit.name;
     await waitForPromises();
-    await wrapper.vm.$nextTick();
+    await nextTick();
 
     expect(wrapper.find(IdeTree).exists()).toBe(false);
     expect(wrapper.find(RepoCommitSection).exists()).toBe(true);
@@ -108,7 +107,7 @@ describe('IdeSidebar', () => {
     store.state.currentActivityView = leftSidebarViews.edit.name;
 
     await waitForPromises();
-    await wrapper.vm.$nextTick();
+    await nextTick();
 
     // reference to the elements remains the same, meaning the components were kept alive
     expect(wrapper.find(IdeTree).element).toEqual(ideTreeComponent);