1 files changed, 5 insertions, 5 deletions
diff --git a/spec/frontend/vue_shared/components/gl_modal_vuex_spec.js b/spec/frontend/vue_shared/components/gl_modal_vuex_spec.js
index 271214907fc..36efcb9efa8 100644
--- a/spec/frontend/vue_shared/components/gl_modal_vuex_spec.js
+++ b/spec/frontend/vue_shared/components/gl_modal_vuex_spec.js
@@ -1,5 +1,5 @@
 import { GlModal } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
+import { shallowMount, createWrapper } from '@vue/test-utils';
 import Vue, { nextTick } from 'vue';
 // eslint-disable-next-line no-restricted-imports
 import Vuex from 'vuex';
@@ -123,24 +123,24 @@ describe('GlModalVuex', () => {
     state.isVisible = false;
 
     factory();
-    const rootEmit = jest.spyOn(wrapper.vm.$root, '$emit');
+    const rootWrapper = createWrapper(wrapper.vm.$root);
 
     state.isVisible = true;
 
     await nextTick();
-    expect(rootEmit).toHaveBeenCalledWith(BV_SHOW_MODAL, TEST_MODAL_ID);
+    expect(rootWrapper.emitted(BV_SHOW_MODAL)[0]).toContain(TEST_MODAL_ID);
   });
 
   it('calls bootstrap hide when isVisible changes', async () => {
     state.isVisible = true;
 
     factory();
-    const rootEmit = jest.spyOn(wrapper.vm.$root, '$emit');
+    const rootWrapper = createWrapper(wrapper.vm.$root);
 
     state.isVisible = false;
 
     await nextTick();
-    expect(rootEmit).toHaveBeenCalledWith(BV_HIDE_MODAL, TEST_MODAL_ID);
+    expect(rootWrapper.emitted(BV_HIDE_MODAL)[0]).toContain(TEST_MODAL_ID);
   });
 
   it.each(['ok', 'cancel'])(