1 files changed, 15 insertions, 2 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_pipeline_failed_spec.js b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_pipeline_failed_spec.js
index 4e44ac539f2..d5619d4996d 100644
--- a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_pipeline_failed_spec.js
+++ b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_pipeline_failed_spec.js
@@ -1,11 +1,17 @@
+import { GlSprintf, GlLink } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import PipelineFailed from '~/vue_merge_request_widget/components/states/pipeline_failed.vue';
+import StatusIcon from '~/vue_merge_request_widget/components/mr_widget_status_icon.vue';
 
 describe('PipelineFailed', () => {
   let wrapper;
 
   const createComponent = () => {
-    wrapper = shallowMount(PipelineFailed);
+    wrapper = shallowMount(PipelineFailed, {
+      stubs: {
+        GlSprintf,
+      },
+    });
   };
 
   beforeEach(() => {
@@ -17,7 +23,14 @@ describe('PipelineFailed', () => {
     wrapper = null;
   });
 
+  it('should render error status icon', () => {
+    expect(wrapper.findComponent(StatusIcon).exists()).toBe(true);
+    expect(wrapper.findComponent(StatusIcon).props().status).toBe('failed');
+  });
+
   it('should render error message with a disabled merge button', () => {
-    expect(wrapper.element).toMatchSnapshot();
+    expect(wrapper.text()).toContain('Merge blocked: pipeline must succeed.');
+    expect(wrapper.text()).toContain('Push a commit that fixes the failure');
+    expect(wrapper.findComponent(GlLink).text()).toContain('learn about other solutions');
   });
 });