chore(deps): update testing libraries (#5337)

Co-authored-by: Peter Makowski <peter.makowski@canonical.com>

package.json

@@ -84,7 +84,7 @@
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@percy/cli": "1.20.0",
+    "@percy/cli": "1.28.1",
     "@percy/cypress": "3.1.2",
     "@playwright/test": "1.42.1",
     "@storybook/addon-a11y": "7.6.17",
@@ -98,10 +98,10 @@
     "@storybook/react-webpack5": "7.6.17",
     "@storybook/theming": "7.6.17",
     "@testing-library/cypress": "10.0.1",
-    "@testing-library/dom": "9.3.3",
-    "@testing-library/jest-dom": "6.0.0",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
+    "@testing-library/dom": "9.3.4",
+    "@testing-library/jest-dom": "6.4.2",
+    "@testing-library/react": "14.2.1",
+    "@testing-library/user-event": "14.5.2",
     "@types/classnames": "2.3.0",
     "@types/clone-deep": "4.0.4",
     "@types/node": "20.11.24",
@@ -121,8 +121,8 @@
     "colors": "1.4.0",
     "concurrently": "8.2.2",
     "cooky-cutter": "1.5.4",
-    "cypress": "13.1.0",
-    "cypress-axe": "1.4.0",
+    "cypress": "13.6.6",
+    "cypress-axe": "1.5.0",
     "cypress-wait-until": "3.0.1",
     "dotenv-flow": "3.3.0",
     "eslint": "8.57.0",

src/testing/utils.tsx

@@ -111,7 +111,7 @@ export const BrowserRouterWithProvider = ({
   sidePanelSize,
   state,
   store,
-}: WrapperProps & { children: React.ReactNode }): React.ReactElement => {
+}: WrapperProps & { children: React.ReactNode }): React.ReactNode => {
   const getMockStore = (state: RootState) => {
     const mockStore = configureStore();
     return mockStore(state);
@@ -148,7 +148,7 @@ const WithMockStoreProvider = ({
   children,
   state,
   store,
-}: WrapperProps & { children: React.ReactElement }) => {
+}: WrapperProps & { children: React.ReactNode }) => {
   const getMockStore = (state: RootState) => {
     const mockStore = configureStore();
     return mockStore(state);
@@ -183,7 +183,7 @@ export const renderWithBrowserRouter = (
 };
 
 export const renderWithMockStore = (
-  ui: React.ReactElement,
+  ui: React.ReactNode,
   options?: RenderOptions & {
     state?: RootState;
     store?: WrapperProps["store"];
@@ -198,7 +198,7 @@ export const renderWithMockStore = (
   });
   return {
     ...rendered,
-    rerender: (ui: React.ReactElement) =>
+    rerender: (ui: React.ReactNode) =>
       renderWithMockStore(ui, { container: rendered.container, ...options }),
   };
 };