1 files changed, 8 insertions, 7 deletions

diff --git a/spec/frontend/emoji/components/emoji_group_spec.js b/spec/frontend/emoji/components/emoji_group_spec.js
index a2a46bedd7b..75397ce25ff 100644
--- a/spec/frontend/emoji/components/emoji_group_spec.js
+++ b/spec/frontend/emoji/components/emoji_group_spec.js
@@ -1,6 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
 import Vue from 'vue';
-import { GlButton } from '@gitlab/ui';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 import EmojiGroup from '~/emoji/components/emoji_group.vue';
 
@@ -11,9 +10,6 @@ function factory(propsData = {}) {
   wrapper = extendedWrapper(
     shallowMount(EmojiGroup, {
       propsData,
-      stubs: {
-        GlButton,
-      },
     }),
   );
 }
@@ -23,6 +19,7 @@ describe('Emoji group component', () => {
     factory({
       emojis: [],
       renderGroup: false,
+      clickEmoji: jest.fn(),
     });
 
     expect(wrapper.findByTestId('emoji-button').exists()).toBe(false);
@@ -32,20 +29,24 @@ describe('Emoji group component', () => {
     factory({
       emojis: ['thumbsup', 'thumbsdown'],
       renderGroup: true,
+      clickEmoji: jest.fn(),
     });
 
     expect(wrapper.findAllByTestId('emoji-button').exists()).toBe(true);
     expect(wrapper.findAllByTestId('emoji-button').length).toBe(2);
   });
 
-  it('emits emoji-click', () => {
+  it('calls clickEmoji', () => {
+    const clickEmoji = jest.fn();
+
     factory({
       emojis: ['thumbsup', 'thumbsdown'],
       renderGroup: true,
+      clickEmoji,
     });
 
-    wrapper.findComponent(GlButton).vm.$emit('click');
+    wrapper.findByTestId('emoji-button').trigger('click');
 
-    expect(wrapper.emitted('emoji-click')).toStrictEqual([['thumbsup']]);
+    expect(clickEmoji).toHaveBeenCalledWith('thumbsup');
   });
 });