1 files changed, 121 insertions, 0 deletions
diff --git a/spec/frontend/reports/accessibility_report/store/actions_spec.js b/spec/frontend/reports/accessibility_report/store/actions_spec.js
new file mode 100644
index 00000000000..129a5bade86
--- /dev/null
+++ b/spec/frontend/reports/accessibility_report/store/actions_spec.js
@@ -0,0 +1,121 @@
+import axios from '~/lib/utils/axios_utils';
+import MockAdapter from 'axios-mock-adapter';
+import * as actions from '~/reports/accessibility_report/store/actions';
+import * as types from '~/reports/accessibility_report/store/mutation_types';
+import createStore from '~/reports/accessibility_report/store';
+import { TEST_HOST } from 'spec/test_constants';
+import testAction from 'helpers/vuex_action_helper';
+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', done => {
+      const endpoint = 'endpoint.json';
+
+      testAction(
+        actions.setEndpoint,
+        endpoint,
+        localState,
+        [{ type: types.SET_ENDPOINT, payload: endpoint }],
+        [],
+        done,
+      );
+    });
+  });
+
+  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', done => {
+        const data = { report: { summary: {} } };
+        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(200, data);
+
+        testAction(
+          actions.fetchReport,
+          null,
+          localState,
+          [{ type: types.REQUEST_REPORT }],
+          [
+            {
+              payload: { status: 200, data },
+              type: 'receiveReportSuccess',
+            },
+          ],
+          done,
+        );
+      });
+    });
+
+    describe('error', () => {
+      it('should commit REQUEST_REPORT and RECEIVE_REPORT_ERROR mutations', done => {
+        mock.onGet(`${TEST_HOST}/endpoint.json`).reply(500);
+
+        testAction(
+          actions.fetchReport,
+          null,
+          localState,
+          [{ type: types.REQUEST_REPORT }],
+          [{ type: 'receiveReportError' }],
+          done,
+        );
+      });
+    });
+  });
+
+  describe('receiveReportSuccess', () => {
+    it('should commit RECEIVE_REPORT_SUCCESS mutation with 200', done => {
+      testAction(
+        actions.receiveReportSuccess,
+        { status: 200, data: mockReport },
+        localState,
+        [{ type: types.RECEIVE_REPORT_SUCCESS, payload: mockReport }],
+        [{ type: 'stopPolling' }],
+        done,
+      );
+    });
+
+    it('should not commit RECEIVE_REPORTS_SUCCESS mutation with 204', done => {
+      testAction(
+        actions.receiveReportSuccess,
+        { status: 204, data: mockReport },
+        localState,
+        [],
+        [],
+        done,
+      );
+    });
+  });
+
+  describe('receiveReportError', () => {
+    it('should commit RECEIVE_REPORT_ERROR mutation', done => {
+      testAction(
+        actions.receiveReportError,
+        null,
+        localState,
+        [{ type: types.RECEIVE_REPORT_ERROR }],
+        [{ type: 'stopPolling' }],
+        done,
+      );
+    });
+  });
+});