Using React 19

Author: fdodino

package.json

@@ -13,26 +13,27 @@
   },
   "dependencies": {
     "full-icu": "^1.5.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.15.0",
-    "@typescript-eslint/parser": "^7.15.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "@vitest/coverage-v8": "^2.0.4",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "jsdom": "^24.1.1",
-    "prettier": "^3.3.3",
-    "typescript": "~5.3.1",
-    "vite": "^5.3.4",
-    "vitest": "^2.0.4"
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.1.1",
+    "@types/react-dom": "^19.1.1",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
+    "@vitejs/plugin-react-swc": "^4.0.1",
+    "@vitest/coverage-v8": "^3.2.4",
+    "eslint": "^9.34.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.3",
+    "vitest": "^3.2.4"
   }
 }

src/App.test.tsx

@@ -6,13 +6,8 @@ import { expect, test } from 'vitest'
 
 test('convierte un valor > 0 de millas a kilómetros correctamente', async () => {
   render(<App />)
-  // El usuario carga 10 en millas
   const inputMillas = screen.getByTestId('millas')
-  // Una forma de simular la carga del usuario es lanzar manualmente un evento con la información
-  // que recibiría el componente de React
-  // fireEvent.change(inputMillas, { target: { value: '10' } })
-  // una variante más declarativa es
-  await userEvent.type(inputMillas, '10') // OJO que necesitamos el await!!
+  await userEvent.type(inputMillas, '10')
   // https://stackoverflow.com/questions/52618569/set-the-locale-for-date-prototype-tolocalestring-for-jest-tests
   expect(kilometers()).toBe('16,093')
 })