1 files changed, 70 insertions, 0 deletions
diff --git a/spec/frontend/vue_mr_widget/components/mr_widget_merge_help_spec.js b/spec/frontend/vue_mr_widget/components/mr_widget_merge_help_spec.js
new file mode 100644
index 00000000000..00e79a22485
--- /dev/null
+++ b/spec/frontend/vue_mr_widget/components/mr_widget_merge_help_spec.js
@@ -0,0 +1,70 @@
+import Vue from 'vue';
+import mountComponent from 'helpers/vue_mount_component_helper';
+import mergeHelpComponent from '~/vue_merge_request_widget/components/mr_widget_merge_help.vue';
+
+describe('MRWidgetMergeHelp', () => {
+  let vm;
+  let Component;
+
+  beforeEach(() => {
+    Component = Vue.extend(mergeHelpComponent);
+  });
+
+  afterEach(() => {
+    vm.$destroy();
+  });
+
+  describe('with missing branch', () => {
+    beforeEach(() => {
+      vm = mountComponent(Component, {
+        missingBranch: 'this-is-not-the-branch-you-are-looking-for',
+      });
+    });
+
+    it('renders missing branch information', () => {
+      expect(
+        vm.$el.textContent
+          .trim()
+          .replace(/[\r\n]+/g, ' ')
+          .replace(/\s\s+/g, ' '),
+      ).toEqual(
+        'If the this-is-not-the-branch-you-are-looking-for branch exists in your local repository, you can merge this merge request manually using the command line',
+      );
+    });
+
+    it('renders button to open help modal', () => {
+      expect(vm.$el.querySelector('.js-open-modal-help').getAttribute('data-target')).toEqual(
+        '#modal_merge_info',
+      );
+
+      expect(vm.$el.querySelector('.js-open-modal-help').getAttribute('data-toggle')).toEqual(
+        'modal',
+      );
+    });
+  });
+
+  describe('without missing branch', () => {
+    beforeEach(() => {
+      vm = mountComponent(Component);
+    });
+
+    it('renders information about how to merge manually', () => {
+      expect(
+        vm.$el.textContent
+          .trim()
+          .replace(/[\r\n]+/g, ' ')
+          .replace(/\s\s+/g, ' '),
+      ).toEqual('You can merge this merge request manually using the command line');
+    });
+
+    it('renders element to open a modal', () => {
+      expect(vm.$el.querySelector('.js-open-modal-help').getAttribute('data-target')).toEqual(
+        '#modal_merge_info',
+      );
+
+      expect(vm.$el.querySelector('.js-open-modal-help').getAttribute('data-toggle')).toEqual(
+        'modal',
+      );
+    });
+  });
+});