Replace vitest with jest

jest.config.js

@@ -0,0 +1,5 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+};

package.json

@@ -7,7 +7,7 @@
     "types": "dist/mjs/index.d.ts",
     "scripts": {
         "start": "npx vite serve",
-        "test": "vitest run",
+        "test": "jest",
         "ci": "npm run test && npm run build",
         "build": "npm run build:cjs && npm run build:mjs",
         "build:mjs": "tsc --project tsconfig.mjs.json && cp res/package.mjs.json dist/mjs/package.json",
@@ -32,7 +32,9 @@
     },
     "homepage": "https://github.com/ably-labs/react-hooks#readme",
     "devDependencies": {
-        "@testing-library/react": "^13.3.0",
+        "@testing-library/jest-dom": "^5.17.0",
+        "@testing-library/react": "^13.4.0",
+        "@types/jest": "^29.5.3",
         "@typescript-eslint/eslint-plugin": "^6.1.0",
         "@typescript-eslint/parser": "^6.1.0",
         "@vitejs/plugin-react": "^1.3.2",
@@ -41,12 +43,15 @@
         "eslint-plugin-prettier": "^5.0.0",
         "eslint-plugin-react": "^7.32.2",
         "eslint-plugin-react-hooks": "^4.6.0",
+        "jest": "^29.6.1",
+        "jest-environment-jsdom": "^29.6.1",
         "jsdom": "^20.0.0",
         "prettier": "^3.0.0",
         "react": ">=18.1.0",
         "react-dom": ">=18.1.0",
+        "ts-jest": "^29.1.1",
         "typescript": ">=4.4.4",
-        "vitest": "^0.18.0"
+        "vite": "^4.4.7"
     },
     "dependencies": {
         "ably": "^1.2.27",

src/hooks/useChannel.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { it, beforeEach, describe, expect } from 'vitest';
 import { useChannel } from './useChannel';
 import { useState } from 'react';
 import { render, screen } from '@testing-library/react';

src/hooks/usePresence.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { it, beforeEach, describe, expect } from 'vitest';
 import { usePresence } from './usePresence';
 import { render, screen, act } from '@testing-library/react';
 import { FakeAblySdk, FakeAblyChannels } from '../fakes/ably';

src/hooks/usePresence.ts

@@ -1,7 +1,7 @@
 import { Types } from 'ably';
 import { useCallback, useEffect, useState } from 'react';
-import { ChannelParameters } from '../AblyReactHooks.js';
-import { useAbly } from './useAbly.js';
+import { ChannelParameters } from '../AblyReactHooks';
+import { useAbly } from './useAbly';
 
 export type PresenceDataAndPresenceUpdateFunction<T> = [
     presenceData: PresenceMessage<T>[],

tsconfig.cjs.json

@@ -1,5 +1,5 @@
 {
-    "extends": "./tsconfig.base.json",
+    "extends": "./tsconfig.json",
     "compilerOptions": {
         "module": "CommonJS",
         "outDir": "dist/cjs"

tsconfig.base.json → tsconfig.json

@@ -13,7 +13,6 @@
         "skipLibCheck": true,
         "allowJs": true,
         "jsx": "react-jsx",
-        "lib": ["DOM", "DOM.Iterable", "ESNext"],
-        "types": ["vitest/globals"]
+        "lib": ["DOM", "DOM.Iterable", "ESNext"]
     }
 }

tsconfig.mjs.json

@@ -1,5 +1,5 @@
 {
-    "extends": "./tsconfig.base.json",
+    "extends": "./tsconfig.json",
     "compilerOptions": {
         "module": "ES6",
         "outDir": "dist/mjs"

vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vitest/config';
+import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig({
@@ -9,8 +9,4 @@ export default defineConfig({
         host: true,
     },
     plugins: [react()],
-    test: {
-        globals: true,
-        environment: 'jsdom',
-    },
 });