Merge pull request #1287 from visualize-admin/chore/update-testing-libraries

chore: Update @testing-library

Author: bprusinowski

app/charts/map/helpers.spec.ts

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 
 import { BBox } from "@/config-types";
 
@@ -22,8 +22,8 @@ const featuresBBox = [
 describe("useViewState", () => {
   it("should properly set defaultViewState", () => {
     const { result, rerender } = renderHook<
-      ViewStateInitializationProps,
-      ReturnType<typeof useViewState>
+      ReturnType<typeof useViewState>,
+      ViewStateInitializationProps
     >((props: ViewStateInitializationProps) => useViewState(props), {
       initialProps: {
         width,
@@ -49,8 +49,8 @@ describe("useViewState", () => {
 
   it("should properly set viewState", () => {
     const { result } = renderHook<
-      ViewStateInitializationProps,
-      ReturnType<typeof useViewState>
+      ReturnType<typeof useViewState>,
+      ViewStateInitializationProps
     >((props: ViewStateInitializationProps) => useViewState(props), {
       initialProps: {
         width,
@@ -66,8 +66,8 @@ describe("useViewState", () => {
     );
 
     const { result: resultLocked } = renderHook<
-      ViewStateInitializationProps,
-      ReturnType<typeof useViewState>
+      ReturnType<typeof useViewState>,
+      ViewStateInitializationProps
     >((props: ViewStateInitializationProps) => useViewState(props), {
       initialProps: {
         width,

app/charts/shared/use-observation-labels.spec.ts

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 
 import { useObservationLabels } from "@/charts/shared/observation-labels";
 import { Observation } from "@/domain/data";

app/components/use-redirect-to-versioned-cube.spec.tsx

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import { NextRouter, useRouter } from "next/router";
 
 import { useLocale } from "@/locales/use-locale";

app/configurator/use-filter-changes.spec.tsx

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import merge from "lodash/merge";
 
 import { Filters } from "@/config-types";

app/domain/datasource/index.spec.ts

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react-hooks";
+import { act, renderHook } from "@testing-library/react";
 import mittEmitter from "next/dist/shared/lib/mitt";
 import { SingletonRouter } from "next/router";
 

app/formatters.spec.ts

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 
 import {
   getTimeIntervalFormattedSelectOptions,

app/package.json

@@ -145,8 +145,7 @@
     "@playwright-testing-library/test": "^4.5.0",
     "@playwright/test": "^1.32.1",
     "@svgr/cli": "^5.5.0",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/react": "^14.1.2",
     "@types/autosuggest-highlight": "^3.2.0",
     "@types/clownface": "^1.0.3",
     "@types/cors": "^2.8.8",

app/utils/router/use-route-state.spec.tsx

@@ -1,4 +1,4 @@
-import { act, renderHook } from "@testing-library/react-hooks";
+import { act, renderHook } from "@testing-library/react";
 import mittEmitter from "next/dist/shared/lib/mitt";
 import { useRouter } from "next/router";