chore: fix circleci on vite build (#10214)

- Switch to pnpm based build
- Switch circleci from docker to machine to have more memory
- Fix frontend and backend tests

Fixes
https://linear.app/chatwoot/issue/CW-3610/fix-circle-ci-for-vite-build
---------

Co-authored-by: Shivam Mishra <scm.mymail@gmail.com>
Co-authored-by: Pranav <pranavrajs@gmail.com>
Co-authored-by: Pranav <pranav@chatwoot.com>

app/javascript/dashboard/helper/AnalyticsHelper/specs/plugin.spec.js

@@ -1,36 +0,0 @@
-import Vue from 'vue';
-import plugin from '../plugin';
-import analyticsHelper from '../index';
-
-vi.spyOn(analyticsHelper, 'init');
-vi.spyOn(analyticsHelper, 'track');
-
-describe('Vue Analytics Plugin', () => {
-  beforeEach(() => {
-    Vue.use(plugin);
-  });
-
-  it('should call the init method on analyticsHelper once during plugin installation', () => {
-    expect(analyticsHelper.init).toHaveBeenCalledTimes(1);
-  });
-
-  it('should add the analyticsHelper to the Vue prototype as $analytics', () => {
-    expect(Vue.prototype.$analytics).toBe(analyticsHelper);
-  });
-
-  it('should add a track method to the Vue prototype as $track', () => {
-    expect(typeof Vue.prototype.$track).toBe('function');
-    Vue.prototype.$track('eventName');
-    expect(analyticsHelper.track)
-      .toHaveBeenCalledTimes(1)
-      .toHaveBeenCalledWith('eventName');
-  });
-
-  it('should call the track method on analyticsHelper with the correct event name when $track is called', () => {
-    const eventName = 'testEvent';
-    Vue.prototype.$track(eventName);
-    expect(analyticsHelper.track)
-      .toHaveBeenCalledTimes(1)
-      .toHaveBeenCalledWith(eventName);
-  });
-});

app/javascript/dashboard/helper/specs/ReconnectService.spec.js

@@ -37,8 +37,10 @@ const storeMock = {
 
 const routerMock = {
   currentRoute: {
-    name: '',
-    params: { conversation_id: null },
+    value: {
+      name: '',
+      params: { conversation_id: null },
+    },
   },
 };
 
@@ -222,7 +224,7 @@ describe('ReconnectService', () => {
 
   describe('fetchConversationMessagesOnReconnect', () => {
     it('should dispatch syncActiveConversationMessages if conversationId exists', async () => {
-      routerMock.currentRoute.params.conversation_id = 1;
+      routerMock.currentRoute.value.params.conversation_id = 1;
       await reconnectService.fetchConversationMessagesOnReconnect();
       expect(storeMock.dispatch).toHaveBeenCalledWith(
         'syncActiveConversationMessages',
@@ -231,7 +233,7 @@ describe('ReconnectService', () => {
     });
 
     it('should not dispatch syncActiveConversationMessages if conversationId does not exist', async () => {
-      routerMock.currentRoute.params.conversation_id = null;
+      routerMock.currentRoute.value.params.conversation_id = null;
       await reconnectService.fetchConversationMessagesOnReconnect();
       expect(storeMock.dispatch).not.toHaveBeenCalledWith(
         'syncActiveConversationMessages',
@@ -305,7 +307,7 @@ describe('ReconnectService', () => {
 
   describe('setConversationLastMessageId', () => {
     it('should dispatch setConversationLastMessageId if conversationId exists', async () => {
-      routerMock.currentRoute.params.conversation_id = 1;
+      routerMock.currentRoute.value.params.conversation_id = 1;
       await reconnectService.setConversationLastMessageId();
       expect(storeMock.dispatch).toHaveBeenCalledWith(
         'setConversationLastMessageId',
@@ -314,7 +316,7 @@ describe('ReconnectService', () => {
     });
 
     it('should not dispatch setConversationLastMessageId if conversationId does not exist', async () => {
-      routerMock.currentRoute.params.conversation_id = null;
+      routerMock.currentRoute.value.params.conversation_id = null;
       await reconnectService.setConversationLastMessageId();
       expect(storeMock.dispatch).not.toHaveBeenCalledWith(
         'setConversationLastMessageId',

app/javascript/dashboard/helper/specs/directives/resize.spec.js

@@ -1,78 +0,0 @@
-import resize from '../../directives/resize';
-
-class ResizeObserverMock {
-  // eslint-disable-next-line class-methods-use-this
-  observe() {}
-
-  // eslint-disable-next-line class-methods-use-this
-  unobserve() {}
-
-  // eslint-disable-next-line class-methods-use-this
-  disconnect() {}
-}
-
-describe('resize directive', () => {
-  let el;
-  let binding;
-  let observer;
-
-  beforeEach(() => {
-    el = document.createElement('div');
-    binding = {
-      value: vi.fn(),
-    };
-    observer = {
-      observe: vi.fn(),
-      unobserve: vi.fn(),
-      disconnect: vi.fn(),
-    };
-    window.ResizeObserver = ResizeObserverMock;
-    vi.spyOn(window, 'ResizeObserver').mockImplementation(() => observer);
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('should create ResizeObserver on bind', () => {
-    resize.bind(el, binding);
-
-    expect(ResizeObserver).toHaveBeenCalled();
-    expect(observer.observe).toHaveBeenCalledWith(el);
-  });
-
-  it('should call callback on observer callback', () => {
-    el = document.createElement('div');
-    binding = {
-      value: vi.fn(),
-    };
-
-    resize.bind(el, binding);
-
-    const entries = [{ contentRect: { width: 100, height: 100 } }];
-    const callback = binding.value;
-    callback(entries[0]);
-
-    expect(binding.value).toHaveBeenCalledWith(entries[0]);
-  });
-
-  it('should destroy and recreate observer on update', () => {
-    resize.bind(el, binding);
-
-    resize.update(el, { ...binding, oldValue: 'old' });
-
-    expect(observer.unobserve).toHaveBeenCalledWith(el);
-    expect(observer.disconnect).toHaveBeenCalled();
-    expect(ResizeObserver).toHaveBeenCalledTimes(2);
-    expect(observer.observe).toHaveBeenCalledTimes(2);
-  });
-
-  it('should destroy observer on unbind', () => {
-    resize.bind(el, binding);
-
-    resize.unbind(el);
-
-    expect(observer.unobserve).toHaveBeenCalledWith(el);
-    expect(observer.disconnect).toHaveBeenCalled();
-  });
-});

app/javascript/dashboard/helper/specs/editorHelper.spec.js

@@ -9,8 +9,8 @@ import {
   findNodeToInsertImage,
   setURLWithQueryAndSize,
 } from '../editorHelper';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
+import { EditorState } from '@chatwoot/prosemirror-schema';
+import { EditorView } from '@chatwoot/prosemirror-schema';
 import { Schema } from 'prosemirror-model';
 
 // Define a basic ProseMirror schema