1 files changed, 10 insertions, 20 deletions
diff --git a/spec/frontend/ide/components/commit_sidebar/success_message_spec.js b/spec/frontend/ide/components/commit_sidebar/success_message_spec.js
index 52e35bdbb73..63d51953915 100644
--- a/spec/frontend/ide/components/commit_sidebar/success_message_spec.js
+++ b/spec/frontend/ide/components/commit_sidebar/success_message_spec.js
@@ -1,32 +1,22 @@
-import Vue, { nextTick } from 'vue';
-import { createComponentWithStore } from 'helpers/vue_mount_component_helper';
-import successMessage from '~/ide/components/commit_sidebar/success_message.vue';
+import { shallowMount } from '@vue/test-utils';
+import SuccessMessage from '~/ide/components/commit_sidebar/success_message.vue';
 import { createStore } from '~/ide/stores';
 
 describe('IDE commit panel successful commit state', () => {
-  let vm;
-  let store;
+  let wrapper;
 
   beforeEach(() => {
-    store = createStore();
-
-    const Component = Vue.extend(successMessage);
-
-    vm = createComponentWithStore(Component, store, {
-      committedStateSvgPath: 'committed-state',
-    });
-
-    vm.$mount();
+    const store = createStore();
+    store.state.committedStateSvgPath = 'committed-state';
+    store.state.lastCommitMsg = 'testing commit message';
+    wrapper = shallowMount(SuccessMessage, { store });
   });
 
   afterEach(() => {
-    vm.$destroy();
+    wrapper.destroy();
   });
 
-  it('renders last commit message when it exists', async () => {
-    vm.$store.state.lastCommitMsg = 'testing commit message';
-
-    await nextTick();
-    expect(vm.$el.textContent).toContain('testing commit message');
+  it('renders last commit message when it exists', () => {
+    expect(wrapper.text()).toContain('testing commit message');
   });
 });