1 files changed, 44 insertions, 0 deletions

diff --git a/spec/frontend/issues/show/components/incidents/edit_timeline_event_spec.js b/spec/frontend/issues/show/components/incidents/edit_timeline_event_spec.js
new file mode 100644
index 00000000000..4c1638a9147
--- /dev/null
+++ b/spec/frontend/issues/show/components/incidents/edit_timeline_event_spec.js
@@ -0,0 +1,44 @@
+import EditTimelineEvent from '~/issues/show/components/incidents/edit_timeline_event.vue';
+import { mountExtended } from 'helpers/vue_test_utils_helper';
+import TimelineEventsForm from '~/issues/show/components/incidents/timeline_events_form.vue';
+
+import { mockEvents, fakeEventData, mockInputData } from './mock_data';
+
+describe('Edit Timeline events', () => {
+  let wrapper;
+
+  const mountComponent = () => {
+    wrapper = mountExtended(EditTimelineEvent, {
+      propsData: {
+        event: mockEvents[0],
+        editTimelineEventActive: false,
+      },
+    });
+  };
+
+  beforeEach(() => {
+    mountComponent();
+  });
+
+  const findTimelineEventsForm = () => wrapper.findComponent(TimelineEventsForm);
+
+  const mockSaveData = { ...fakeEventData, ...mockInputData };
+
+  describe('editTimelineEvent', () => {
+    const saveEventEvent = { 'handle-save-edit': [[mockSaveData, false]] };
+
+    it('should call the mutation with the right variables', async () => {
+      await findTimelineEventsForm().vm.$emit('save-event', mockSaveData, false);
+
+      expect(wrapper.emitted()).toEqual(saveEventEvent);
+    });
+
+    it('should close the form on cancel', async () => {
+      const cancelEvent = { 'hide-edit': [[]] };
+
+      await findTimelineEventsForm().vm.$emit('cancel');
+
+      expect(wrapper.emitted()).toEqual(cancelEvent);
+    });
+  });
+});