feat: Use vitest instead of jest, run all the specs anywhere in app/ folder in the CI (#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 <muhsinkeramam@gmail.com>
This commit is contained in:
Pranav
2024-07-10 08:32:16 -07:00
committed by GitHub
parent 9498d1f003
commit 9de8c27368
140 changed files with 1678 additions and 2810 deletions

View File

@@ -1,7 +1,7 @@
import { mutations, actions, getters } from '../../articles'; // update this import path to your actual module location
import { getMostReadArticles } from 'widget/api/article';
jest.mock('widget/api/article');
vi.mock('widget/api/article');
describe('Vuex Articles Module', () => {
let state;
@@ -57,7 +57,7 @@ describe('Vuex Articles Module', () => {
describe('Actions', () => {
it('fetches articles correctly', async () => {
const commit = jest.fn();
const commit = vi.fn();
const articles = [{ id: 1 }, { id: 2 }];
getMostReadArticles.mockResolvedValueOnce({
data: { payload: articles },
@@ -72,7 +72,7 @@ describe('Vuex Articles Module', () => {
});
it('handles fetch error correctly', async () => {
const commit = jest.fn();
const commit = vi.fn();
getMostReadArticles.mockRejectedValueOnce(new Error('Error message'));
await actions.fetch(
@@ -86,7 +86,7 @@ describe('Vuex Articles Module', () => {
});
it('does not mutate state when fetching returns an empty payload', async () => {
const commit = jest.fn();
const commit = vi.fn();
getMostReadArticles.mockResolvedValueOnce({ data: { payload: [] } });
await actions.fetch({ commit }, { slug: 'slug', locale: 'en' });
@@ -98,7 +98,7 @@ describe('Vuex Articles Module', () => {
});
it('sets error state when fetching fails', async () => {
const commit = jest.fn();
const commit = vi.fn();
getMostReadArticles.mockRejectedValueOnce(new Error('Network error'));
await actions.fetch(