1 files changed, 30 insertions, 0 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/checks/message_spec.js b/spec/frontend/vue_merge_request_widget/components/checks/message_spec.js
new file mode 100644
index 00000000000..4446eb7324b
--- /dev/null
+++ b/spec/frontend/vue_merge_request_widget/components/checks/message_spec.js
@@ -0,0 +1,30 @@
+import { mountExtended } from 'helpers/vue_test_utils_helper';
+import MessageComponent from '~/vue_merge_request_widget/components/checks/message.vue';
+import StatusIcon from '~/vue_merge_request_widget/components/widget/status_icon.vue';
+
+let wrapper;
+
+function factory(propsData = {}) {
+  wrapper = mountExtended(MessageComponent, {
+    propsData,
+  });
+}
+
+describe('Merge request merge checks message component', () => {
+  it('renders failure reason text', () => {
+    factory({ check: { result: 'passed', failureReason: 'Failed message' } });
+
+    expect(wrapper.text()).toEqual('Failed message');
+  });
+
+  it.each`
+    result               | icon
+    ${'passed'}          | ${'success'}
+    ${'failed'}          | ${'failed'}
+    ${'allowed_to_fail'} | ${'neutral'}
+  `('renders $icon icon for $result result', ({ result, icon }) => {
+    factory({ check: { result, failureReason: 'Failed message' } });
+
+    expect(wrapper.findComponent(StatusIcon).props('iconName')).toBe(icon);
+  });
+});