bun:test

package.json

@@ -28,6 +28,7 @@
     "@tailwindcss/typography": "^0.5.13",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
+    "@types/bun": "^1.1.16",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",

src/app/App.test.jsx

@@ -1,10 +1,17 @@
 import { Suspense } from 'react'
-import { expect, test } from 'vitest'
-import { render, screen } from '@testing-library/react'
+import { afterEach, expect, test } from 'bun:test'
+import { cleanup, render, screen } from '@testing-library/react'
+import * as matchers from '@testing-library/jest-dom/matchers'
 
 import App from '.'
 
+expect.extend(matchers);
+
+afterEach(() => {
+  cleanup()
+})
+
 test('renders without crashing', () => {
   render(<Suspense fallback="loading"><App /></Suspense>)
-  expect(screen.getByText('flash.comma.ai')).toBeInTheDocument()
+  expect(screen.getByText('flash.comma.ai')).toBeTruthy()
 })

src/utils/manifest.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, test, vi } from 'vitest'
+import { describe, expect, test, vi } from 'bun:test'
 
 import * as Comlink from 'comlink'
 
@@ -57,13 +57,13 @@ for (const [branch, manifestUrl] of Object.entries(config.manifests)) {
             })),
           }
 
-          globalThis.navigator = {
+          Object.assign(globalThis.navigator, {
             storage: {
               getDirectory: () => ({
                 getFileHandle: () => imageWorkerFileHandler,
               })
             }
-          }
+          })
 
           imageWorkerFileHandler.getFile.mockImplementation(async () => {
             const response = await fetch(image.archiveUrl)