chore(tests): use babel/plugin-debug-label

package.json

@@ -137,6 +137,7 @@
     "@types/node": "^22.10.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
+    "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^2.1.8",
     "@vitest/eslint-plugin": "^1.1.21",
     "@vitest/ui": "^2.1.8",

tests/vanilla/basic.test.tsx

@@ -19,6 +19,10 @@ it('creates atoms', () => {
   const decrementCountAtom = atom(null, (get, set) => {
     set(countAtom, get(countAtom) - 1)
   })
+  delete countAtom.debugLabel
+  delete doubledCountAtom.debugLabel
+  delete sumCountAtom.debugLabel
+  delete decrementCountAtom.debugLabel
   expect({
     countAtom,
     doubledCountAtom,
@@ -54,6 +58,7 @@ it('creates atoms', () => {
 it('should let users mark atoms as private', () => {
   const internalAtom = atom(0)
   internalAtom.debugPrivate = true
+  delete internalAtom.debugLabel
 
   expect(internalAtom).toMatchInlineSnapshot(`
     {

tests/vanilla/store.test.tsx

@@ -755,16 +755,13 @@ describe('should mount and trigger listeners even when an error is thrown', () =
   it('in synchronous write', () => {
     const store = createStore()
     const a = atom(0)
-    a.debugLabel = 'a'
     const e = atom(() => {
       throw new Error('error')
     })
-    e.debugLabel = 'e'
     const b = atom(null, (get, set) => {
       set(a, 1)
       get(e)
     })
-    b.debugLabel = 'b'
     const listener = vi.fn()
     store.sub(a, listener)
     try {
@@ -1104,14 +1101,11 @@ it('should pass store and atomState to the atom initializer', () => {
 
 it('recomputes dependents of unmounted atoms', () => {
   const a = atom(0)
-  a.debugLabel = 'a'
   const bRead = vi.fn((get: Getter) => {
     return get(a)
   })
   const b = atom(bRead)
-  b.debugLabel = 'b'
   const c = atom((get) => get(b))
-  c.debugLabel = 'c'
   const w = atom(null, (get, set) => {
     set(a, 1)
     get(c)

tests/vanilla/storedev.test.tsx

@@ -12,7 +12,6 @@ describe('[DEV-ONLY] dev-only methods rev4', () => {
       throw new Error('dev methods are not available')
     }
     const countAtom = atom(0)
-    countAtom.debugLabel = 'countAtom'
     store.set(countAtom, 1)
     const weakMap = store.dev4_get_internal_weak_map()
     expect(weakMap.get(countAtom)?.v).toEqual(1)
@@ -60,23 +59,24 @@ describe('[DEV-ONLY] dev-only methods rev4', () => {
       throw new Error('dev methods are not available')
     }
     const countAtom = atom(0)
-    countAtom.debugLabel = 'countAtom'
     const derivedAtom = atom((get) => get(countAtom) * 2)
     const unsub = store.sub(derivedAtom, vi.fn())
     store.set(countAtom, 1)
     const result = store.dev4_get_mounted_atoms()
     expect(
-      Array.from(result).sort(
-        (a, b) => Object.keys(a).length - Object.keys(b).length,
-      ),
+      Array.from(result)
+        .sort((a, b) => Object.keys(a).length - Object.keys(b).length)
+        .map((item) => {
+          const { debugLabel: _, ...rest } = item
+          return rest
+        }),
     ).toStrictEqual([
       { toString: expect.any(Function), read: expect.any(Function) },
       {
         toString: expect.any(Function),
         init: 0,
         read: expect.any(Function),
         write: expect.any(Function),
-        debugLabel: 'countAtom',
       },
     ])
     unsub()
@@ -88,7 +88,6 @@ describe('[DEV-ONLY] dev-only methods rev4', () => {
       throw new Error('dev methods are not available')
     }
     const countAtom = atom(0)
-    countAtom.debugLabel = 'countAtom'
     const derivedAtom = atom((get) => get(countAtom) * 2)
     const unsub = store.sub(derivedAtom, vi.fn())
     store.set(countAtom, 1)

vitest.config.mts

@@ -1,4 +1,6 @@
-import { resolve } from 'path'
+import { existsSync } from 'node:fs'
+import { resolve } from 'node:path'
+import react from '@vitejs/plugin-react'
 // eslint-disable-next-line import/extensions
 import { defineConfig } from 'vitest/config'
 
@@ -9,6 +11,18 @@ export default defineConfig({
       { find: /^jotai(.*)$/, replacement: resolve('./src/$1.ts') },
     ],
   },
+  plugins: [
+    react({
+      babel: {
+        plugins: existsSync('./dist/babel/plugin-debug-label.js')
+          ? [
+              // FIXME Can we read from ./src instead of ./dist?
+              './dist/babel/plugin-debug-label.js',
+            ]
+          : [],
+      },
+    }),
+  ],
   test: {
     name: 'jotai',
     // Keeping globals to true triggers React Testing Library's auto cleanup