Bump deps

globals.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+import type { TestingLibraryMatchers } from '@types/testing-library__jest-dom/matchers'
+
+declare module '@jest/expect' {
+  export interface Matchers<R = void, T = {}> extends TestingLibraryMatchers<typeof expect.stringContaining, R> {}
+}

package.json

@@ -1,23 +1,23 @@
 {
   "private": true,
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/preact": "^3.2.2",
-    "@types/chrome": "^0.0.193",
-    "@types/jest": "^27.0",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
-    "eslint": "^8.20.0",
-    "eslint-plugin-jest": "^26.6.0",
-    "jest": "^27.0",
-    "jest-environment-jsdom": "^27.0",
-    "ts-jest": "^27.0",
-    "typescript": "^4.7.4"
+    "@testing-library/jest-dom": "^5.16",
+    "@testing-library/preact": "^3.2",
+    "@types/chrome": "^0.0.209",
+    "@types/jest": "^29.2",
+    "@typescript-eslint/eslint-plugin": "^5.48",
+    "@typescript-eslint/parser": "^5.48",
+    "eslint": "^8.32",
+    "eslint-plugin-jest": "^27.2",
+    "jest": "^29.3",
+    "jest-environment-jsdom": "^29.3",
+    "ts-jest": "^29.0",
+    "typescript": "^4.9"
   },
   "dependencies": {
-    "@picocss/pico": "^1.5.3",
-    "esbuild": "^0.14.50",
-    "preact": "^10.10.0"
+    "@picocss/pico": "^1.5",
+    "esbuild": "^0.17",
+    "preact": "^10.11"
   },
   "scripts": {
     "build": "esbuild src/worker.ts src/popup.tsx src/options.tsx src/app.css --bundle --drop:console --legal-comments=none --minify --outdir=dist",
@@ -27,7 +27,7 @@
     "lint": "eslint --ext .ts,.tsx --fix .",
     "lint:ci": "eslint --ext .ts,.tsx .",
     "pack": "cd dist && zip -r trueblock.zip *",
-    "test": "jest --coverage=true --runInBand",
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest --coverage=true --runInBand",
     "tsc": "tsc --project tsconfig.json --noEmit --watch --preserveWatchOutput"
   },
   "jest": {
@@ -52,13 +52,18 @@
         "functions": 60
       }
     },
-    "preset": "ts-jest",
+    "extensionsToTreatAsEsm": [".ts", ".tsx"],
+    "preset": "ts-jest/presets/js-with-ts-esm",
     "setupFilesAfterEnv": [
-      "./src/setupTests.ts"
+      "<rootDir>/src/setupTests.ts"
     ],
     "testEnvironment": "jsdom",
+    "transformIgnorePatterns": [
+      "node_modules/(?!preact)"
+    ],
     "transform": {
-      "^.+\\.tsx?$": "ts-jest"
+      "^.+\\.tsx?$": "ts-jest",
+      "^.+\\.jsx?$": "ts-jest"
     }
   },
   "eslintConfig": {

src/background/index.test.ts

@@ -1,3 +1,5 @@
+import { jest, expect } from '@jest/globals'
+
 import { syncStorageToDnr } from './index'
 
 describe('sync storage to declarativeNetRequest', () => {

src/components/OptionsPage/OptionsPage.test.tsx

@@ -1,5 +1,6 @@
 import { h } from 'preact'
 import { render, fireEvent, waitFor } from '@testing-library/preact'
+import { expect, jest } from '@jest/globals'
 
 import OptionsPage from './'
 

src/components/Popup/Popup.test.tsx

@@ -1,6 +1,8 @@
 import { h } from 'preact'
 import { render } from '@testing-library/preact'
 
+import { expect, jest } from '@jest/globals'
+
 import Popup from './'
 
 const stubOneTab = (url: string) => {

src/setupTests.ts

@@ -1,3 +1,11 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom/extend-expect'
+
+import { jest } from '@jest/globals'
+
 const RuleActionType = {
   ALLOW: 'allow',
   ALLOW_ALL_REQUESTS: 'allowAllRequests',
@@ -55,9 +63,3 @@ global.afterEach(() => {
   global.chrome = undefined
   delete global.chrome
 })
-
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom/extend-expect'

tsconfig.json

@@ -7,9 +7,12 @@
     "jsxFactory": "h",
     "jsxFragmentFactory": "Fragment",
     "allowSyntheticDefaultImports": true,
+    "allowJs": true,
+    "skipLibCheck": true
   },
   "exclude": [
-    "node_modules",
-    "**/node_modules/*"
+    "coverage",
+    "dist",
+    "node_modules"
   ]
 }