leadchat/app/javascript/dashboard/store/modules/specs/labels/actions.spec.js

import axios from 'axios';
import { actions } from '../../labels';
import * as types from '../../../mutation-types';
import labelsList from './fixtures';

const commit = jest.fn();
global.axios = axios;
jest.mock('axios');

describe('#actions', () => {
  describe('#get', () => {
    it('sends correct actions if API is success', async () => {
      const mockedGet = jest.fn(url => {
        if (url === '/api/v1/labels') {
          return Promise.resolve({ data: { payload: labelsList } });
        }
        if (url === '/api/v1/accounts//cache_keys') {
          return Promise.resolve({ data: { cache_keys: { labels: 0 } } });
        }
        // Return default value or throw an error for unexpected requests
        return Promise.reject(new Error('Unexpected request: ' + url));
      });

      axios.get = mockedGet;

      await actions.get({ commit });
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isFetching: true }],
        [types.default.SET_LABELS, labelsList],
        [types.default.SET_LABEL_UI_FLAG, { isFetching: false }],
      ]);
    });
    it('sends correct actions if API is error', async () => {
      axios.get.mockRejectedValue({ message: 'Incorrect header' });
      await actions.get({ commit });
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isFetching: true }],
        [types.default.SET_LABEL_UI_FLAG, { isFetching: false }],
      ]);
    });
  });

  describe('#create', () => {
    it('sends correct actions if API is success', async () => {
      axios.post.mockResolvedValue({ data: labelsList[0] });
      await actions.create({ commit }, labelsList[0]);
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isCreating: true }],
        [types.default.ADD_LABEL, labelsList[0]],
        [types.default.SET_LABEL_UI_FLAG, { isCreating: false }],
      ]);
    });
    it('sends correct actions if API is error', async () => {
      axios.post.mockRejectedValue({ message: 'Incorrect header' });
      await expect(actions.create({ commit })).rejects.toThrow(Error);
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isCreating: true }],
        [types.default.SET_LABEL_UI_FLAG, { isCreating: false }],
      ]);
    });
  });

  describe('#update', () => {
    it('sends correct actions if API is success', async () => {
      axios.patch.mockResolvedValue({ data: labelsList[0] });
      await actions.update({ commit }, labelsList[0]);
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isUpdating: true }],
        [types.default.EDIT_LABEL, labelsList[0]],
        [types.default.SET_LABEL_UI_FLAG, { isUpdating: false }],
      ]);
    });
    it('sends correct actions if API is error', async () => {
      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
      await expect(actions.update({ commit }, labelsList[0])).rejects.toThrow(
        Error
      );
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isUpdating: true }],
        [types.default.SET_LABEL_UI_FLAG, { isUpdating: false }],
      ]);
    });
  });

  describe('#delete', () => {
    it('sends correct actions if API is success', async () => {
      axios.delete.mockResolvedValue({ data: labelsList[0] });
      await actions.delete({ commit }, labelsList[0].id);
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isDeleting: true }],
        [types.default.DELETE_LABEL, labelsList[0].id],
        [types.default.SET_LABEL_UI_FLAG, { isDeleting: false }],
      ]);
    });
    it('sends correct actions if API is error', async () => {
      axios.delete.mockRejectedValue({ message: 'Incorrect header' });
      await expect(
        actions.delete({ commit }, labelsList[0].id)
      ).rejects.toThrow(Error);
      expect(commit.mock.calls).toEqual([
        [types.default.SET_LABEL_UI_FLAG, { isDeleting: true }],
        [types.default.SET_LABEL_UI_FLAG, { isDeleting: false }],
      ]);
    });
  });
});