chore: Jest to Vitest Migration (#4762)

* quick migration complete

* fixing up the snapshots doubling up

* fixing formating on test-setup.ts

* updating vitest.config.ts

* removing unused jest residue

* fixing the test:dev script

* updating yarn lock

* adding jsdom as a dev dependency

package.json

@@ -4,8 +4,8 @@
   "scripts": {
     "clean": "npm exec --workspaces -c \"rm -rf build || true\"",
     "test": "(is-ci && npm run test:ci) || npm run test:dev",
-    "test:ci": "jest",
-    "test:dev": "jest --watch",
+    "test:ci": "vitest",
+    "test:dev": "vitest --watch",
     "build": "rollup --config rollup.config.js && npm run typecheck",
     "watch": "concurrently --kill-others \"rollup --config rollup.config.js -w\" \"tsc -b --watch\"",
     "linkAll": "lerna exec 'npm link' --parallel",
@@ -93,7 +93,7 @@
     "concurrently": "^7.1.0",
     "current-git-branch": "^1.1.0",
     "git-log-parser": "^1.2.0",
-    "jest": "^27.5.1",
+    "jsdom": "^21.1.1",
     "lerna": "^4.0.0",
     "luxon": "^2.3.2",
     "prettier": "^2.6.2",
@@ -110,6 +110,7 @@
     "svelte": "^3.49.0",
     "ts-node": "^10.7.0",
     "typescript": "^4.7.4",
+    "vitest": "^0.29.3",
     "vue": "^3.2.33"
   }
 }

packages/react-table/__tests__/core/__snapshots__/core.test.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`core renders a table with markup 1`] = `
+exports[`core > renders a table with markup 1`] = `
 [
   [
     [
@@ -59,7 +59,7 @@ exports[`core renders a table with markup 1`] = `
 ]
 `;
 
-exports[`core renders a table with markup 2`] = `
+exports[`core > renders a table with markup 2`] = `
 [
   [
     "tanner",
@@ -88,7 +88,7 @@ exports[`core renders a table with markup 2`] = `
 ]
 `;
 
-exports[`core renders a table with markup 3`] = `
+exports[`core > renders a table with markup 3`] = `
 [
   [
     [

packages/react-table/__tests__/features/__snapshots__/Visibility.test.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`useReactTable can toggle column visibility: 0 - after toggling all off 1`] = `
+exports[`useReactTable > can toggle column visibility > 0 - after toggling all off 1`] = `
 {
   "footers": [
     [],
@@ -20,7 +20,7 @@ exports[`useReactTable can toggle column visibility: 0 - after toggling all off
 }
 `;
 
-exports[`useReactTable can toggle column visibility: 1 - after toggling all on 1`] = `
+exports[`useReactTable > can toggle column visibility > 1 - after toggling all on 1`] = `
 {
   "footers": [
     [
@@ -163,7 +163,7 @@ exports[`useReactTable can toggle column visibility: 1 - after toggling all on 1
 }
 `;
 
-exports[`useReactTable can toggle column visibility: 2 - after toggling firstName off 1`] = `
+exports[`useReactTable > can toggle column visibility > 2 - after toggling firstName off 1`] = `
 {
   "footers": [
     [
@@ -287,7 +287,7 @@ exports[`useReactTable can toggle column visibility: 2 - after toggling firstNam
 }
 `;
 
-exports[`useReactTable can toggle column visibility: 3 - after toggling More Info off 1`] = `
+exports[`useReactTable > can toggle column visibility > 3 - after toggling More Info off 1`] = `
 {
   "footers": [
     [

test-setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

vitest.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    watch: false,
+    setupFiles: ['test-setup.ts'],
+    environment: 'jsdom',
+    globals: true,
+    dir: 'packages'
+  }
+})