Enhancement: Paginate conversation calls in tabs (#560)

* Use conversationPage module for pagination

* Load more conversations

* Reset list if conversation status is changed

* Add specs to conversationPage

* Reset filter when page is re-mounted

* Update text

* Update text

app/javascript/dashboard/store/modules/specs/conversationPage/mutations.spec.js

@@ -0,0 +1,61 @@
+import * as types from '../../../mutation-types';
+import { mutations } from '../../conversationPage';
+
+describe('#mutations', () => {
+  describe('#SET_CURRENT_PAGE', () => {
+    it('set current page correctly', () => {
+      const state = { currentPage: { me: 1 } };
+      mutations[types.default.SET_CURRENT_PAGE](state, {
+        filter: 'me',
+        page: 2,
+      });
+      expect(state.currentPage).toEqual({
+        me: 2,
+      });
+    });
+  });
+
+  describe('#CLEAR_CONVERSATION_PAGE', () => {
+    it('resets the state to initial state', () => {
+      const state = {
+        currentPage: { me: 1, unassigned: 2, all: 3 },
+        hasEndReached: { me: true, unassigned: true, all: true },
+      };
+      mutations[types.default.CLEAR_CONVERSATION_PAGE](state);
+      expect(state).toEqual({
+        currentPage: { me: 0, unassigned: 0, all: 0 },
+        hasEndReached: { me: false, unassigned: false, all: false },
+      });
+    });
+  });
+
+  describe('#SET_CONVERSATION_END_REACHED', () => {
+    it('set conversation end reached correctly', () => {
+      const state = {
+        hasEndReached: { me: false, unassigned: false, all: false },
+      };
+      mutations[types.default.SET_CONVERSATION_END_REACHED](state, {
+        filter: 'me',
+      });
+      expect(state.hasEndReached).toEqual({
+        me: true,
+        unassigned: false,
+        all: false,
+      });
+    });
+
+    it('set all state to true if all end has reached', () => {
+      const state = {
+        hasEndReached: { me: false, unassigned: false, all: false },
+      };
+      mutations[types.default.SET_CONVERSATION_END_REACHED](state, {
+        filter: 'all',
+      });
+      expect(state.hasEndReached).toEqual({
+        me: true,
+        unassigned: true,
+        all: true,
+      });
+    });
+  });
+});