chore: migrate to vitest

Author: logaretm

.circleci/config.yml

@@ -2,12 +2,6 @@
 # See: https://circleci.com/docs/2.0/configuration-reference
 version: 2.1
 
-orbs:
-  # The Node.js orb contains a set of prepackaged CircleCI configuration you can utilize
-  # Orbs reduce the amount of configuration required for common tasks.
-  # See the orb documentation here: https://circleci.com/developer/orbs/orb/circleci/node
-  node: circleci/[email protected]
-
 jobs:
   # Below is the definition of your job to build and test your app, you can rename and customize it as you want.
   test:
@@ -38,7 +32,7 @@ jobs:
           command: pnpm build
       - run:
           name: Generate Coverage
-          command: pnpm cover:ci
+          command: pnpm cover
       - run:
           name: Upload Coverage
           command: bash <(curl -s https://codecov.io/bash)

.eslintrc.json

@@ -3,16 +3,10 @@
   "env": {
     "browser": true,
     "commonjs": true,
-    "es6": true,
-    "jest/globals": true
+    "es6": true
   },
-  "extends": [
-    "standard",
-    "plugin:jest/recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended"
-  ],
-  "plugins": ["jest", "prettier", "@typescript-eslint"],
+  "extends": ["standard", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended"],
+  "plugins": ["prettier", "@typescript-eslint"],
   "rules": {
     "@typescript-eslint/camelcase": "off",
     "@typescript-eslint/explicit-function-return-type": "off",

jest.config.js

@@ -7,13 +7,11 @@
   "homepage": "https://vee-validate.logaretm.com",
   "repository": "https://github.com/logaretm/vee-validate",
   "scripts": {
-    "test": "jest",
-    "test:ci": "jest --ci --detectOpenHandles --runInBand",
+    "test": "vitest",
     "lint": "eslint . '**/*.{js,jsx,ts,tsx}' --fix",
     "format": "prettier \"./**/*.ts\" --write",
     "build": "node scripts/build.mjs",
-    "cover": "jest --coverage",
-    "cover:ci": "jest --coverage --ci --runInBand --detectOpenHandles",
+    "cover": "vitest run --coverage",
     "postversion": "npm run build",
     "docs:dev": "cd ./docs && npm run dev && cd -",
     "postinstall": "husky install"
@@ -23,16 +21,15 @@
     "@commitlint/config-conventional": "^17.4.4",
     "@rollup/plugin-replace": "^5.0.2",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@types/jest": "^29.4.0",
-    "@typescript-eslint/eslint-plugin": "^5.54.1",
-    "@typescript-eslint/parser": "^5.54.1",
+    "@typescript-eslint/eslint-plugin": "^5.56.0",
+    "@typescript-eslint/parser": "^5.56.0",
+    "@vitest/coverage-c8": "^0.29.7",
     "@vue/devtools-api": "^6.5.0",
     "chalk": "^5.2.0",
-    "eslint": "^8.35.0",
-    "eslint-config-prettier": "^8.7.0",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-config-standard": "^17.0.0",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-n": "^15.6.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-promise": "^6.1.1",
@@ -42,25 +39,24 @@
     "fs-extra": "^11.1.0",
     "gzip-size": "^7.0.0",
     "husky": "^8.0.3",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^21.1.1",
     "klona": "^2.0.6",
     "lerna": "^6.5.1",
-    "lint-staged": "^13.1.2",
+    "lint-staged": "^13.2.0",
     "prettier": "^2.8.4",
     "prettier-plugin-astro": "^0.8.0",
     "raf-stub": "^3.0.0",
-    "rollup": "^3.19.0",
+    "rollup": "^3.20.0",
     "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-dts": "^5.2.0",
+    "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-json": "^4.0.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "terser": "^5.16.6",
-    "ts-jest": "^29.0.5",
     "tslint-config-prettier": "^1.18.0",
     "tslint-config-standard": "^9.0.0",
     "type-fest": "^3.6.1",
     "typescript": "4.9.5",
+    "vitest": "^0.29.7",
     "vue": "^3.2.47",
     "yup": "^1.0.2"
   },
@@ -71,11 +67,11 @@
     "*.ts": [
       "eslint --fix",
       "prettier --write",
-      "jest --maxWorkers=1 --bail --findRelatedTests"
+      "vitest run related"
     ],
     "*.js": [
       "eslint --fix",
-      "jest --maxWorkers=1 --bail --findRelatedTests"
+      "vitest run related"
     ]
   }
 }

jest.setup.js

@@ -4,19 +4,17 @@ import helpers from './helpers';
 let fails = false;
 
 beforeEach(() => {
-  (globalThis as any).window.URL = {
-    createObjectURL() {
-      return 'data:image/png;base64,AAAAAAA';
-    },
+  window.URL.createObjectURL = () => {
+    return 'data:image/png;base64,AAAAAAA';
   };
 
-  (globalThis as any).window.webkitURL = {
+  (window as any).webkitURL = {
     createObjectURL() {
       return 'data:image/png;base64,AAAAAAA';
     },
   };
 
-  (globalThis as any).Image = class Image {
+  (window as any).Image = class Image {
     get src() {
       return 'test';
     }
@@ -49,7 +47,7 @@ test('validates image dimensions', async () => {
   result = await validate([helpers.file('file.jpg', 'image/jpeg', 10)], { width: 15, height: 10 });
   expect(result).toBe(false);
 
-  (globalThis as any).URL = undefined; // test webkit fallback.
+  (window as any).URL = undefined; // test webkit fallback.
   result = await validate([helpers.file('file.jpg', 'image/jpeg', 10)], { width: 150, height: 100 });
   expect(result).toBe(true);
 });

package.json

@@ -3,7 +3,7 @@ import { mountWithHoc, setValue, dispatchEvent, setChecked, flushPromises, dispa
 import * as yup from 'yup';
 import { computed, reactive, ref, Ref } from 'vue';
 
-jest.useFakeTimers();
+vi.useFakeTimers();
 
 beforeEach(() => {
   configure({
@@ -117,7 +117,7 @@ describe('<Field />', () => {
           <input v-bind="field" type="text">
           <span id="fieldError">{{ errors[0] }}</span>
         </Field>
-    
+
         <Field name="other" rules="required" v-slot="{ errors, field }">
           <input v-bind="field" type="text">
           <span>{{ errors[0] }}</span>
@@ -368,7 +368,7 @@ describe('<Field />', () => {
   });
 
   test('file values are normalized depending', async () => {
-    const onSubmit = jest.fn();
+    const onSubmit = vi.fn();
 
     const wrapper = mountWithHoc({
       template: `
@@ -487,7 +487,7 @@ describe('<Field />', () => {
     setValue(input, '123');
     setValue(input, '12');
     setValue(input, '');
-    jest.advanceTimersByTime(100);
+    vi.advanceTimersByTime(100);
     await flushPromises();
     // LAST message should be the required one.
     expect(error.textContent).toBe(REQUIRED_MESSAGE);
@@ -820,7 +820,7 @@ describe('<Field />', () => {
 
   // #3048
   test('proxies native listeners', async () => {
-    const onBlur = jest.fn();
+    const onBlur = vi.fn();
     mountWithHoc({
       setup() {
         return {
@@ -839,7 +839,7 @@ describe('<Field />', () => {
   });
 
   test('can customize checkboxes unchecked value', async () => {
-    const spy = jest.fn();
+    const spy = vi.fn();
     const wrapper = mountWithHoc({
       setup() {
         return { onSubmit: spy };
@@ -1167,10 +1167,10 @@ describe('<Field />', () => {
   });
 
   test('should have correct field object binding properties based on file type', async () => {
-    const textualType = jest.fn();
-    const fileType = jest.fn();
-    const checkboxType = jest.fn();
-    const radioType = jest.fn();
+    const textualType = vi.fn();
+    const fileType = vi.fn();
+    const checkboxType = vi.fn();
+    const radioType = vi.fn();
 
     mountWithHoc({
       template: `
@@ -1200,7 +1200,7 @@ describe('<Field />', () => {
     });
 
     await flushPromises();
-    const lastCallOf = (fn: ReturnType<typeof jest.fn>) => fn.mock.calls[fn.mock.calls.length - 1][0];
+    const lastCallOf = (fn: ReturnType<typeof vi.fn>) => fn.mock.calls[fn.mock.calls.length - 1][0];
     expect(lastCallOf(textualType)).toHaveProperty('value');
     expect(lastCallOf(fileType)).not.toHaveProperty('value');
     expect(lastCallOf(checkboxType)).toHaveProperty('checked');

packages/rules/tests/dimensions.spec.ts

@@ -6,7 +6,9 @@ import { mountWithHoc, setValue, getValue, dispatchEvent, flushPromises } from '
 const REQUIRED_MESSAGE = 'REQUIRED';
 
 test('warns if no form is detected', async () => {
-  const spy = jest.spyOn(console, 'warn').mockImplementation();
+  const spy = vi.spyOn(console, 'warn').mockImplementation(() => {
+    // NOOP
+  });
 
   mountWithHoc({
     template: `
@@ -20,7 +22,9 @@ test('warns if no form is detected', async () => {
 });
 
 test('warns if no name path is provided', async () => {
-  const spy = jest.spyOn(console, 'warn').mockImplementation();
+  const spy = vi.spyOn(console, 'warn').mockImplementation(() => {
+    // NOOP
+  });
 
   mountWithHoc({
     template: `
@@ -36,7 +40,7 @@ test('warns if no name path is provided', async () => {
 });
 
 test('adds items to the end of the array with push()', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initialValues = {
@@ -151,7 +155,7 @@ test('array fields should update their values when swapped', async () => {
 });
 
 test('can swap array fields with swap helper', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const schema = yup.object({
@@ -470,7 +474,7 @@ test('can update an item value at a given array index', async () => {
 });
 
 test('can update an item value directly with .value setter', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initial = {
@@ -522,7 +526,7 @@ test('can update an item value directly with .value setter', async () => {
 });
 
 test('adds items to the start of the array with prepend()', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initialValues = {
@@ -577,7 +581,7 @@ test('adds items to the start of the array with prepend()', async () => {
 
 // #3664
 test('clears old errors path when item is removed when no form schema is present', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initialValues = {
@@ -631,7 +635,7 @@ test('clears old errors path when item is removed when no form schema is present
 
 // #3748
 test('clears old errors path when last item is removed and value update validation is on', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   defineRule('required', (v: any) => (v ? true : REQUIRED_MESSAGE));
   const InputField = defineComponent({
     props: {
@@ -719,7 +723,7 @@ test('clears old errors path when last item is removed and value update validati
 });
 
 test('moves items around the array with move()', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initialValues = {
@@ -776,7 +780,7 @@ test('moves items around the array with move()', async () => {
 
 // #3782
 test('removing an item marks the form as dirty', async () => {
-  const onSubmit = jest.fn();
+  const onSubmit = vi.fn();
   mountWithHoc({
     setup() {
       const initialValues = {