Replace Jest with Vitest (mozilla#3884)

Skip some EntitiesList tests, to be fixed after React upgrade

Author: nishitmistry

.github/workflows/frontend.yml

@@ -50,26 +50,7 @@ jobs:
           license-checker-rseidelsohn --json | jq -r 'to_entries[] | "\(.key): \(.value.licenses)"'
           license-checker-rseidelsohn --summary --failOn 'GPL'
 
-  jest:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v5
-      - uses: actions/setup-node@v5
-        with: { node-version: '22' }
-      - name: Install globals
-        run: npm install --global npm@8
-      - name: Install dependencies
-        run: npm ci
-      - name: Test
-        run: npm test --coverage
-        working-directory: translate
-      - uses: codecov/codecov-action@v4
-        with:
-          flags: frontend
-        env:
-          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
-
-  vitest:
+  test:
       runs-on: ubuntu-latest
       steps:
         - uses: actions/checkout@v5
@@ -78,5 +59,10 @@ jobs:
         - name: Install dependencies
           run: npm ci
         - name: vitest
-          run: npx vitest run --coverage
-          working-directory: translate
+          run: npm test -- --coverage
+          working-directory: translate
+        - uses: codecov/codecov-action@v4
+          with:
+            flags: frontend
+          env:
+            CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}

CONTRIBUTING.rst

@@ -335,7 +335,7 @@ To run only the ``translate`` tests:
 
 .. code-block:: shell
 
-    $ make jest
+    $ make test-translate
 
 
 To run only the Python tests:

Makefile

@@ -9,7 +9,7 @@ SITE_URL ?= http://localhost:8000
 USER_ID?=1000
 GROUP_ID?=1000
 
-.PHONY: build build-translate build-server server-env setup run clean shell ci test test-translate test-server jest pytest format lint types eslint prettier check-prettier ruff check-ruff dropdb dumpdb loaddb sync-projects requirements
+.PHONY: build build-translate build-server server-env setup run clean shell ci test test-translate test-server vitest pytest format lint types eslint prettier check-prettier ruff check-ruff dropdb dumpdb loaddb sync-projects requirements
 
 help:
 	@echo "Welcome to Pontoon!\n"
@@ -25,7 +25,7 @@ help:
 	@echo "  shell-root       Opens a Bash shell as root in the server docker container"
 	@echo "  ci               Test and lint all code"
 	@echo "  test             Runs all test suites"
-	@echo "  test-translate   Runs the translate frontend test suite (Jest)"
+	@echo "  test-translate   Runs the translate frontend test suite (Vitest)"
 	@echo "  test-server      Runs the server test suite (Pytest)"
 	@echo "  format           Runs all formatters"
 	@echo "  lint             Runs all linters"
@@ -102,8 +102,8 @@ ci: test lint
 
 test: test-server test-translate
 
-test-translate: jest
-jest:
+test-translate: vitest
+vitest:
 	npm test -w translate
 
 test-server: pytest

eslint.config.mjs

@@ -1,6 +1,7 @@
 import react from 'eslint-plugin-react';
 import globals from 'globals';
 import eslint from '@eslint/js';
+import vitest from '@vitest/eslint-plugin';
 
 export default [
   {
@@ -36,15 +37,14 @@ export default [
     languageOptions: {
       globals: {
         ...globals.browser,
-        ...globals.jest,
+        ...vitest.environments.env.globals,
         gettext: 'readonly',
         ngettext: 'readonly',
         interpolate: 'readonly',
         l: 'readonly',
         expect: 'readonly',
         test: 'readonly',
         browser: 'readonly',
-        jest: 'readonly',
         Promise: 'readonly',
         Set: 'readonly',
         URLSearchParameters: 'readonly',