1 files changed, 9 insertions, 13 deletions
diff --git a/spec/frontend/ide/components/repo_tabs_spec.js b/spec/frontend/ide/components/repo_tabs_spec.js
index 6ee73b0a437..1cfc1f12745 100644
--- a/spec/frontend/ide/components/repo_tabs_spec.js
+++ b/spec/frontend/ide/components/repo_tabs_spec.js
@@ -1,11 +1,11 @@
-import { mount, createLocalVue } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
+import Vue, { nextTick } from 'vue';
 import Vuex from 'vuex';
 import RepoTabs from '~/ide/components/repo_tabs.vue';
 import { createStore } from '~/ide/stores';
 import { file } from '../helpers';
 
-const localVue = createLocalVue();
-localVue.use(Vuex);
+Vue.use(Vuex);
 
 describe('RepoTabs', () => {
   let wrapper;
@@ -22,7 +22,6 @@ describe('RepoTabs', () => {
         activeFile: file('activeFile'),
       },
       store,
-      localVue,
     });
   });
 
@@ -30,17 +29,14 @@ describe('RepoTabs', () => {
     wrapper.destroy();
   });
 
-  it('renders a list of tabs', (done) => {
+  it('renders a list of tabs', async () => {
     store.state.openFiles[0].active = true;
 
-    wrapper.vm.$nextTick(() => {
-      const tabs = [...wrapper.vm.$el.querySelectorAll('.multi-file-tab')];
+    await nextTick();
+    const tabs = [...wrapper.vm.$el.querySelectorAll('.multi-file-tab')];
 
-      expect(tabs.length).toEqual(2);
-      expect(tabs[0].parentNode.classList.contains('active')).toEqual(true);
-      expect(tabs[1].parentNode.classList.contains('active')).toEqual(false);
-
-      done();
-    });
+    expect(tabs.length).toEqual(2);
+    expect(tabs[0].parentNode.classList.contains('active')).toEqual(true);
+    expect(tabs[1].parentNode.classList.contains('active')).toEqual(false);
   });
 });