feat: Add a pre-chat form on widget (#1769)

app/javascript/widget/store/modules/specs/conversation/actions.spec.js

@@ -28,6 +28,43 @@ describe('#actions', () => {
     });
   });
 
+  describe('#createConversation', () => {
+    it('sends correct mutations', async () => {
+      API.post.mockResolvedValue({
+        data: {
+          contact: { name: 'contact-name' },
+          messages: [{ id: 1, content: 'This is a test message' }],
+        },
+      });
+      let windowSpy = jest.spyOn(window, 'window', 'get');
+      windowSpy.mockImplementation(() => ({
+        WOOT_WIDGET: {
+          $root: {
+            $i18n: {
+              locale: 'el',
+            },
+          },
+        },
+        location: {
+          search: '?param=1',
+        },
+      }));
+      await actions.createConversation(
+        { commit },
+        { contact: {}, message: 'This is a test message' }
+      );
+      expect(commit.mock.calls).toEqual([
+        ['setConversationUIFlag', { isCreating: true }],
+        [
+          'pushMessageToConversation',
+          { id: 1, content: 'This is a test message' },
+        ],
+        ['setConversationUIFlag', { isCreating: false }],
+      ]);
+      windowSpy.mockRestore();
+    });
+  });
+
   describe('#updateMessage', () => {
     it('sends correct mutations', () => {
       actions.updateMessage({ commit }, { id: 1 });

app/javascript/widget/store/modules/specs/conversation/getters.spec.js

@@ -16,6 +16,11 @@ describe('#getters', () => {
     });
   });
 
+  it('getIsCreating', () => {
+    const state = { uiFlags: { isCreating: true } };
+    expect(getters.getIsCreating(state)).toEqual(true);
+  });
+
   it('getConversationSize', () => {
     const state = {
       conversations: {

app/javascript/widget/store/modules/specs/conversation/mutations.spec.js

@@ -73,6 +73,17 @@ describe('#mutations', () => {
     });
   });
 
+  describe('#setConversationUIFlag', () => {
+    it('set uiFlags correctly', () => {
+      const state = { uiFlags: { isFetchingList: false } };
+      mutations.setConversationUIFlag(state, { isCreating: true });
+      expect(state.uiFlags).toEqual({
+        isFetchingList: false,
+        isCreating: true,
+      });
+    });
+  });
+
   describe('#setMessagesInConversation', () => {
     it('sets allMessagesLoaded flag if payload is empty', () => {
       const state = { uiFlags: { allMessagesLoaded: false } };