feat: Add actions and API for deleting message via API (#2519)

app/javascript/dashboard/store/modules/conversations/actions.js

@@ -178,6 +178,20 @@ const actions = {
     commit(types.default.ADD_MESSAGE, message);
   },
 
+  deleteMessage: async function deleteLabels(
+    { commit },
+    { conversationId, messageId }
+  ) {
+    try {
+      const response = await MessageApi.delete(conversationId, messageId);
+      const { data } = response;
+      // The delete message is actually deleting the content.
+      commit(types.default.ADD_MESSAGE, data);
+    } catch (error) {
+      throw new Error(error);
+    }
+  },
+
   addConversation({ commit, state, dispatch }, conversation) {
     const { currentInbox } = state;
     const {

app/javascript/dashboard/store/modules/specs/conversations/actions.spec.js

@@ -238,3 +238,22 @@ describe('#actions', () => {
     });
   });
 });
+
+describe('#deleteMessage', () => {
+  it('sends correct actions if API is success', async () => {
+    const [conversationId, messageId] = [1, 1];
+    axios.delete.mockResolvedValue({ data: { id: 1, content: 'deleted' } });
+    await actions.deleteMessage({ commit }, { conversationId, messageId });
+    expect(commit.mock.calls).toEqual([
+      [types.default.ADD_MESSAGE, { id: 1, content: 'deleted' }],
+    ]);
+  });
+  it('sends no actions if API is error', async () => {
+    const [conversationId, messageId] = [1, 1];
+    axios.delete.mockRejectedValue({ message: 'Incorrect header' });
+    await expect(
+      actions.deleteMessage({ commit }, { conversationId, messageId })
+    ).rejects.toThrow(Error);
+    expect(commit.mock.calls).toEqual([]);
+  });
+});