summaryrefslogtreecommitdiff
path: root/spec/frontend/issues/show/components/incidents/edit_timeline_event_spec.js
blob: 4c1638a914738bf840a746b39aa0189c95e223b6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
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);
    });
  });
});