chore: some test fixes

Author: harry-whorlow

examples/react/devtools/package.json

@@ -10,16 +10,16 @@
   },
   "dependencies": {
     "@tanstack/react-devtools": "0.4.3",
-    "@tanstack/react-form": "^1.17.0",
+    "@tanstack/react-form": "^1.19.2",
     "@tanstack/react-form-devtools": "workspace:*",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.5.2",
-    "vite": "^7.0.6"
+    "@vitejs/plugin-react": "^4.7.0",
+    "vite": "^7.1.3"
   },
   "browserslist": {
     "production": [

packages/form-core/package.json

@@ -51,8 +51,8 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/store": "^0.7.4",
-    "@tanstack/devtools-event-client": "^0.2.2"
+    "@tanstack/devtools-event-client": "^0.2.2",
+    "@tanstack/store": "^0.7.4"
   },
   "devDependencies": {
     "arktype": "^2.1.20",

packages/form-core/tests/FormApi.spec.ts

@@ -3952,5 +3952,5 @@ it('should accept formId and return it', () => {
   })
   form.mount()
 
-  expect(form.formId).toEqual('age')
+  expect(form.formId()).toEqual('age')
 })

packages/form-core/tests/formOptions.test-d.ts

@@ -276,7 +276,7 @@ describe('formOptions', () => {
       } as FormData,
       validators: {
         onSubmit: ({ formApi }) => {
-          if (formApi.formId === undefined) {
+          if (formApi.formId() === undefined) {
             return 'needs formId'
           }
           return undefined

packages/form-devtools/package.json

@@ -55,17 +55,16 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/solid-store": "^0.7.3",
-    "@tanstack/form-core": "workspace:*",
     "@tanstack/devtools-ui": "^0.3.1",
+    "@tanstack/form-core": "workspace:*",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.13",
     "goober": "^2.1.16"
   },
   "devDependencies": {
-    "solid-js": "^1.9.7",
-    "vite": "^7.0.6",
-    "vite-plugin-solid": "^2.11.6"
+    "solid-js": "^1.9.9",
+    "vite": "^7.1.3",
+    "vite-plugin-solid": "^2.11.8"
   },
   "peerDependencies": {
     "solid-js": "^1.6.0"

packages/form-devtools/src/contexts/eventClientContext.tsx

@@ -14,7 +14,7 @@ import type {
 } from '@tanstack/form-core'
 import type { Dayjs } from 'dayjs'
 
-export type BroadcastFormSubmissionStateWithoutId =
+type BroadcastFormSubmissionStateWithoutId =
   BroadcastFormSubmissionState extends infer T
     ? T extends any
       ? Omit<T, 'id'>
@@ -125,7 +125,7 @@ function useProviderValue() {
   return { store }
 }
 
-export type ContextType = ReturnType<typeof useProviderValue>
+type ContextType = ReturnType<typeof useProviderValue>
 
 const FormEventClientContext = createContext<ContextType | undefined>(undefined)
 

packages/form-devtools/vite.config.ts

@@ -5,15 +5,15 @@ import packageJson from './package.json'
 
 const config = defineConfig({
   plugins: [solid()],
-  test: {
-    name: packageJson.name,
-    dir: './tests',
-    watch: false,
-    environment: 'jsdom',
-    setupFiles: ['./tests/test-setup.ts'],
-    coverage: { enabled: true, provider: 'istanbul', include: ['src/**/*'] },
-    typecheck: { enabled: true },
-  },
+  // test: {
+  //   name: packageJson.name,
+  //   dir: './tests',
+  //   watch: false,
+  //   environment: 'jsdom',
+  //   setupFiles: ['./tests/test-setup.ts'],
+  //   coverage: { enabled: true, provider: 'istanbul', include: ['src/**/*'] },
+  //   typecheck: { enabled: true },
+  // },
 })
 
 export default mergeConfig(

packages/react-form-devtools/package.json

@@ -55,12 +55,10 @@
   },
   "devDependencies": {
     "@types/react": "^19.0.7",
-    "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.5.2",
+    "@vitejs/plugin-react": "^4.7.0",
     "eslint-plugin-react-compiler": "19.0.0-beta-ebf51a3-20250411",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "vite": "^7.0.6"
+    "vite": "^7.1.3"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"

packages/react-form/tests/createFormHook.test.tsx

@@ -456,8 +456,8 @@ describe('createFormHook', () => {
       const form = useFormContext()
 
       return (
-        <button type="submit" form={form.formId} data-testid="formId-target">
-          {form.formId}
+        <button type="submit" form={form.formId()} data-testid="formId-target">
+          {form.formId()}
         </button>
       )
     }
@@ -470,7 +470,7 @@ describe('createFormHook', () => {
       return (
         <form.AppForm>
           <form
-            id={form.formId}
+            id={form.formId()}
             onSubmit={(e) => {
               e.preventDefault()
               form.handleSubmit()

packages/react-form/tests/useForm.test.tsx

@@ -864,7 +864,7 @@ describe('useForm', () => {
       return (
         <>
           <form
-            id={form.formId}
+            id={form.formId()}
             onSubmit={(e) => {
               e.preventDefault()
               form.handleSubmit()
@@ -878,8 +878,12 @@ describe('useForm', () => {
             )}
           />
 
-          <button type="submit" form={form.formId} data-testid="formId-target">
-            {form.formId}
+          <button
+            type="submit"
+            form={form.formId()}
+            data-testid="formId-target"
+          >
+            {form.formId()}
           </button>
         </>
       )