summaryrefslogtreecommitdiff
path: root/spec/frontend/reports/accessibility_report/store/actions_spec.js
blob: bab6c4905a759d6e0bdbca04725bb887166ab20d (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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
import MockAdapter from 'axios-mock-adapter';
import testAction from 'helpers/vuex_action_helper';
import { TEST_HOST } from 'spec/test_constants';
import axios from '~/lib/utils/axios_utils';
import createStore from '~/reports/accessibility_report/store';
import * as actions from '~/reports/accessibility_report/store/actions';
import * as types from '~/reports/accessibility_report/store/mutation_types';
import { mockReport } from '../mock_data';

describe('Accessibility Reports actions', () => {
  let localState;
  let localStore;

  beforeEach(() => {
    localStore = createStore();
    localState = localStore.state;
  });

  describe('setEndpoints', () => {
    it('should commit SET_ENDPOINTS mutation', () => {
      const endpoint = 'endpoint.json';

      return testAction(
        actions.setEndpoint,
        endpoint,
        localState,
        [{ type: types.SET_ENDPOINT, payload: endpoint }],
        [],
      );
    });
  });

  describe('fetchReport', () => {
    let mock;

    beforeEach(() => {
      localState.endpoint = `${TEST_HOST}/endpoint.json`;
      mock = new MockAdapter(axios);
    });

    afterEach(() => {
      mock.restore();
      actions.stopPolling();
      actions.clearEtagPoll();
    });

    describe('success', () => {
      it('should commit REQUEST_REPORT mutation and dispatch receiveReportSuccess', () => {
        const data = { report: { summary: {} } };
        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(200, data);

        return testAction(
          actions.fetchReport,
          null,
          localState,
          [{ type: types.REQUEST_REPORT }],
          [
            {
              payload: { status: 200, data },
              type: 'receiveReportSuccess',
            },
          ],
        );
      });
    });

    describe('error', () => {
      it('should commit REQUEST_REPORT and RECEIVE_REPORT_ERROR mutations', () => {
        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(500);

        return testAction(
          actions.fetchReport,
          null,
          localState,
          [{ type: types.REQUEST_REPORT }],
          [{ type: 'receiveReportError' }],
        );
      });
    });
  });

  describe('receiveReportSuccess', () => {
    it('should commit RECEIVE_REPORT_SUCCESS mutation with 200', () => {
      return testAction(
        actions.receiveReportSuccess,
        { status: 200, data: mockReport },
        localState,
        [{ type: types.RECEIVE_REPORT_SUCCESS, payload: mockReport }],
        [{ type: 'stopPolling' }],
      );
    });

    it('should not commit RECEIVE_REPORTS_SUCCESS mutation with 204', () => {
      return testAction(
        actions.receiveReportSuccess,
        { status: 204, data: mockReport },
        localState,
        [],
        [],
      );
    });
  });

  describe('receiveReportError', () => {
    it('should commit RECEIVE_REPORT_ERROR mutation', () => {
      return testAction(
        actions.receiveReportError,
        null,
        localState,
        [{ type: types.RECEIVE_REPORT_ERROR }],
        [{ type: 'stopPolling' }],
      );
    });
  });
});