feat: Use vitest instead of jest, run all the specs anywhere in app/ …

…folder in the CI (chatwoot#9722)

Due to the pattern `**/specs/*.spec.js` defined in CircleCI, none of the
frontend spec in the folders such as
`specs/<domain-name>/getters.spec.js` were not executed in Circle CI.

This PR fixes the issue, along with the following changes: 
- Use vitest instead of jest
- Remove jest dependancies
- Update tests to work with vitest

---------

Co-authored-by: Muhsin Keloth <[email protected]>

.circleci/config.yml

@@ -130,10 +130,7 @@ jobs:
  command: |
  mkdir -p ~/tmp/test-results/frontend_specs
  ~/tmp/cc-test-reporter before-build
- TESTFILES=$(circleci tests glob **/specs/*.spec.js | circleci tests split --split-by=timings)
- yarn test:coverage --profile 10 \
- --out ~/tmp/test-results/yarn.xml \
- -- ${TESTFILES}
+ yarn test:coverage
  - run:
  name: Code Climate Test Coverage
  command: |

.eslintrc.js

@@ -65,10 +65,10 @@ module.exports = {
  },
  env: {
  browser: true,
- jest: true,
  node: true,
  },
  globals: {
  bus: true,
+ vi: true,
  },
 };

app/javascript/dashboard/api/enterprise/specs/account.spec.js

@@ -15,10 +15,10 @@ describe('#enterpriseAccountAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/account.spec.js

@@ -15,10 +15,10 @@ describe('#accountAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/accountActions.spec.js

@@ -10,10 +10,10 @@ describe('#ContactsAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/agents.spec.js

@@ -14,7 +14,7 @@ describe('#AgentAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/article.spec.js

@@ -14,10 +14,10 @@ describe('#PortalAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {
@@ -44,10 +44,10 @@ describe('#PortalAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {
@@ -71,10 +71,10 @@ describe('#PortalAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {
@@ -98,10 +98,10 @@ describe('#PortalAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {
@@ -129,10 +129,10 @@ describe('#PortalAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/assignableAgents.spec.js

@@ -4,10 +4,10 @@ describe('#AssignableAgentsAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/channel/fbChannel.spec.js

@@ -13,10 +13,10 @@ describe('#FBChannel', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/contacts.spec.js

@@ -17,10 +17,10 @@ describe('#ContactsAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/conversations.spec.js

@@ -16,10 +16,10 @@ describe('#ConversationApi', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/csatReports.spec.js

@@ -11,10 +11,10 @@ describe('#Reports API', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/inbox/conversation.spec.js

@@ -24,10 +24,10 @@ describe('#ConversationAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/inbox/message.spec.js

@@ -15,10 +15,10 @@ describe('#ConversationAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/inboxes.spec.js

@@ -17,10 +17,10 @@ describe('#InboxesAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/integrations.spec.js

@@ -18,10 +18,10 @@ describe('#integrationAPI', () => {
  describe('API calls', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {

app/javascript/dashboard/api/specs/integrations/dyte.spec.js

@@ -11,10 +11,10 @@ describe('#accountAPI', () => {
  describe('createAMeeting', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {
@@ -39,10 +39,10 @@ describe('#accountAPI', () => {
  describe('addParticipantToMeeting', () => {
  const originalAxios = window.axios;
  const axiosMock = {
- post: jest.fn(() => Promise.resolve()),
- get: jest.fn(() => Promise.resolve()),
- patch: jest.fn(() => Promise.resolve()),
- delete: jest.fn(() => Promise.resolve()),
+ post: vi.fn(() => Promise.resolve()),
+ get: vi.fn(() => Promise.resolve()),
+ patch: vi.fn(() => Promise.resolve()),
+ delete: vi.fn(() => Promise.resolve()),
  };
 
  beforeEach(() => {