1 files changed, 11 insertions, 2 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/added_commit_message_spec.js b/spec/frontend/vue_merge_request_widget/components/added_commit_message_spec.js
index cb53dc1fb61..063425454d7 100644
--- a/spec/frontend/vue_merge_request_widget/components/added_commit_message_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/added_commit_message_spec.js
@@ -1,10 +1,10 @@
-import { shallowMount } from '@vue/test-utils';
+import { mount } from '@vue/test-utils';
 import AddedCommentMessage from '~/vue_merge_request_widget/components/added_commit_message.vue';
 
 let wrapper;
 
 function factory(propsData) {
-  wrapper = shallowMount(AddedCommentMessage, {
+  wrapper = mount(AddedCommentMessage, {
     propsData: {
       isFastForwardEnabled: false,
       targetBranch: 'main',
@@ -23,4 +23,13 @@ describe('Widget added commit message', () => {
 
     expect(wrapper.element.outerHTML).toContain('The changes were not merged');
   });
+
+  it('renders merge commit as a link', () => {
+    factory({ state: 'merged', mergeCommitPath: 'https://test.host/merge-commit-link' });
+
+    expect(wrapper.find('[data-testid="merge-commit-sha"]').exists()).toBe(true);
+    expect(wrapper.find('[data-testid="merge-commit-sha"]').attributes('href')).toBe(
+      'https://test.host/merge-commit-link',
+    );
+  });
 });