Feature: Contact Panel with conversation details (#397)

* Add Contact panel changes

* Fix parent iframe blocked

* Add Conversation Panel, Contact messages

* Update contact panel with conversation details

* Update designs in sidebar

* Fix specs

* Specs: Add specs for conversationMetadata and contact modules

* Fix currentUrl issues

* Fix spelling

* Set default to empty string

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

@@ -0,0 +1,53 @@
+import * as types from '../../../mutation-types';
+import { mutations } from '../../contacts';
+
+describe('#mutations', () => {
+  describe('#SET_CONTACTS', () => {
+    it('set contact records', () => {
+      const state = { records: [] };
+      mutations[types.default.SET_CONTACTS](state, [
+        { id: 1, name: 'contact1', email: 'contact1@chatwoot.com' },
+      ]);
+      expect(state.records).toEqual([
+        {
+          id: 1,
+          name: 'contact1',
+          email: 'contact1@chatwoot.com',
+        },
+      ]);
+    });
+  });
+
+  describe('#SET_CONTACT_ITEM', () => {
+    it('push contact data to the store', () => {
+      const state = {
+        records: [{ id: 1, name: 'contact1', email: 'contact1@chatwoot.com' }],
+      };
+      mutations[types.default.SET_CONTACT_ITEM](state, {
+        id: 2,
+        name: 'contact2',
+        email: 'contact2@chatwoot.com',
+      });
+      expect(state.records).toEqual([
+        { id: 1, name: 'contact1', email: 'contact1@chatwoot.com' },
+        { id: 2, name: 'contact2', email: 'contact2@chatwoot.com' },
+      ]);
+    });
+  });
+
+  describe('#EDIT_CONTACT', () => {
+    it('update contact', () => {
+      const state = {
+        records: [{ id: 1, name: 'contact1', email: 'contact1@chatwoot.com' }],
+      };
+      mutations[types.default.EDIT_CONTACT](state, {
+        id: 1,
+        name: 'contact2',
+        email: 'contact2@chatwoot.com',
+      });
+      expect(state.records).toEqual([
+        { id: 1, name: 'contact2', email: 'contact2@chatwoot.com' },
+      ]);
+    });
+  });
+});