Move testing to jest

Author: schnetzlerjoe

.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+    root: true,
+    parserOptions: {
+      sourceType: 'module',
+    },
+  
+    extends: ['@metamask/eslint-config'],
+  
+    overrides: [
+      {
+        files: ['**/*.js'],
+        extends: ['@metamask/eslint-config-nodejs'],
+      },
+  
+      {
+        files: ['**/*.{ts,tsx}'],
+        extends: ['@metamask/eslint-config-typescript'],
+        rules: {
+          '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+        },
+      },
+  
+      {
+        files: ['**/*.test.ts', '**/*.test.js'],
+        extends: ['@metamask/eslint-config-jest'],
+        rules: {
+          '@typescript-eslint/no-shadow': [
+            'error',
+            { allow: ['describe', 'expect', 'it'] },
+          ],
+        },
+      },
+    ],
+  
+    ignorePatterns: [
+      '!.prettierrc.js',
+      '**/!.eslintrc.js',
+      '**/dist*/',
+      '**/*__GENERATED__*',
+      '**/build',
+      '**/public',
+      '**/.cache',
+    ],
+  };

packages/ui/package.json

@@ -8,21 +8,39 @@
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"test:unit": "vitest",
+		"test:unit": "jest",
 		"lint": "prettier --plugin-search-dir . --check .",
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^2.0.0",
 		"@sveltejs/kit": "^1.5.0",
+		"@testing-library/jest-dom": "^5.16.5",
+		"@testing-library/svelte": "^3.2.2",
+		"@types/jest": "^29.5.1",
+		"jest": "^29.5.0",
+		"jest-environment-jsdom": "^29.5.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
 		"svelte": "^3.54.0",
 		"svelte-check": "^3.0.1",
+		"svelte-jester": "^2.3.2",
+		"ts-jest": "^29.1.0",
+		"ts-node": "^10.9.1",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
-		"vite": "^4.3.0",
-		"vitest": "^0.25.3"
+		"vite": "^4.3.0"
 	},
-	"type": "module"
+	"type": "module",
+	"jest": {
+		"transform": {
+			".(ts|tsx)": "ts-jest"
+		},
+		"testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
+		"moduleFileExtensions": [
+			"ts",
+			"tsx",
+			"js"
+		]
+	}
 }

packages/ui/src/index.test.ts packages/ui/src/__tests__/index.test.ts

@@ -1,4 +1,8 @@
-import { describe, it, expect } from 'vitest';
+/**
+ * @jest-environment jsdom
+ */
+
+import "@testing-library/jest-dom";
 
 describe('sum test', () => {
 	it('adds 1 + 2 to equal 3', () => {

packages/ui/src/jest.config.ts

@@ -0,0 +1,6 @@
+/** @type {import('jest').Config} */
+const config = {
+    verbose: true,
+};
+
+module.exports = config;

packages/ui/tsconfig.json

@@ -9,7 +9,8 @@
 		"skipLibCheck": true,
 		"sourceMap": true,
 		"strict": true
-	}
+	},
+	"include": ["./src/**/*.tsx", "./src/**/*.ts", "src/jest.config.ts"]
 	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
 	//
 	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes