Update version of react used in tests to same as production (#1917)

* update version of react used in tests

* upgrade test version of react to 19, same major as prod

Author: ChristopherChudzicki

frontends/api/package.json

@@ -15,7 +15,7 @@
     "./test-utils": "./src/test-utils/index.ts"
   },
   "peerDependencies": {
-    "react": "18.3.1"
+    "react": "^19"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.0",

frontends/main/package.json

@@ -25,8 +25,8 @@
     "ol-components": "0.0.0",
     "ol-utilities": "0.0.0",
     "posthog-js": "^1.157.2",
-    "react": "^18",
-    "react-dom": "^18",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-slick": "^0.30.2",
     "slick-carousel": "^1.8.1",
     "tiny-invariant": "^1.3.3",
@@ -40,8 +40,8 @@
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.7",
     "@types/node": "^22.0.0",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@types/react-slick": "^0.23.13",
     "@types/slick-carousel": "^1",
     "eslint": "8.57.1",

frontends/main/src/app-pages/ChannelPage/ChannelPage.test.tsx

@@ -7,6 +7,7 @@ import {
   setMockResponse,
   waitFor,
   renderWithProviders,
+  expectLastProps,
 } from "@/test-utils"
 import ChannelSearch from "./ChannelSearch"
 import { assertHeadings, getByImageSrc } from "ol-test-utilities"
@@ -176,18 +177,13 @@ describe.each(ALL_CHANNEL_TYPES)(
         setupTopicApis(channel)
       }
       await screen.findAllByText(channel.title)
-      const expectedProps = expect.objectContaining({
+
+      expectLastProps(mockedChannelSearch, {
         constantSearchParams: {
           platform: ["ocw", "mitxonline"],
           department: ["8", "9"],
         },
       })
-      const expectedContext = expect.anything()
-
-      expect(mockedChannelSearch).toHaveBeenLastCalledWith(
-        expectedProps,
-        expectedContext,
-      )
     }, 10000)
     it("Does not display the channel search if search_filter is undefined", async () => {
       const { channel } = setupApis({

frontends/main/src/test-utils/index.tsx

@@ -107,7 +107,7 @@ const expectProps = (
 ) => {
   expect(fc).toHaveBeenCalledWith(
     expect.objectContaining(partialProps),
-    expect.anything(),
+    expect.toBeOneOf([expect.anything(), undefined]),
   )
 }
 
@@ -124,7 +124,7 @@ const expectLastProps = (
 ) => {
   expect(fc).toHaveBeenLastCalledWith(
     expect.objectContaining(partialProps),
-    expect.anything(),
+    expect.toBeOneOf([expect.anything(), undefined]),
   )
 }
 

frontends/ol-components/package.json

@@ -24,7 +24,7 @@
     "@mui/system": "^6.1.6",
     "@remixicon/react": "^4.2.0",
     "@testing-library/dom": "^10.4.0",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^19",
     "@types/tinycolor2": "^1.4.6",
     "api": "workspace:*",
     "classnames": "^2.5.1",
@@ -34,8 +34,8 @@
     "next": "^15.0.2",
     "ol-test-utilities": "0.0.0",
     "ol-utilities": "0.0.0",
-    "react": "18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-router": "^6.22.2",
     "react-router-dom": "^6.22.2",
     "react-select": "^5.7.7",

frontends/ol-utilities/package.json

@@ -7,8 +7,8 @@
     "./test-utils/factories": "./src/test-utils/factories.ts"
   },
   "peerDependencies": {
-    "next": "^14.2.15",
-    "react": "18.3.1"
+    "next": "^15",
+    "react": "19"
   },
   "sideEffects": false,
   "dependencies": {