chore: use renderHook from @testing-library/react-native

Author: wjkg

packages/render-html/package.json

@@ -60,7 +60,6 @@
     "@react-native/babel-preset": "0.81.5",
     "@release-it/conventional-changelog": "^10.0.1",
     "@testing-library/jest-native": "^5.4.3",
-    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.14",
     "@types/react-test-renderer": "~19.1.0",

packages/render-html/src/context/__tests__/useAmbientTRenderEngine.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react-native';
 import { useAmbientTRenderEngine } from '../../TRenderEngineProvider';
 
 describe('useAmbientTRenderEngine', () => {

packages/render-html/src/elements/__tests__/useIMGElementState.test.ts

@@ -1,10 +1,22 @@
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
-import { perf, wait } from 'react-performance-testing';
+import { act, renderHook, render } from '@testing-library/react-native';
+import { perf, wait } from 'react-performance-testing/native';
 import useIMGElementState from '../useIMGElementState';
 import { Image } from 'react-native';
 import { waitFor } from '@testing-library/react-native';
 
+/**
+ * Renders the hook inside a named component to allow extracting perf results
+ */
+function renderHookForPerf(renderFn: () => void) {
+  function TestComponent() {
+    renderFn();
+    return null;
+  }
+
+  return render(React.createElement(TestComponent));
+}
+
 describe('useIMGElementState', () => {
   const props = {
     contentWidth: 300,
@@ -14,7 +26,8 @@ describe('useIMGElementState', () => {
   };
   it('should render at most twice when width and height physical dimensions are not provided, prior and after fetching physical dimensions', async () => {
     const { renderCount } = perf<{ TestComponent: unknown }>(React);
-    renderHook(() => useIMGElementState(props));
+
+    renderHookForPerf(() => useIMGElementState(props));
     await wait(() => {
       expect(renderCount.current.TestComponent.value).toBeLessThan(2);
     });
@@ -23,15 +36,15 @@ describe('useIMGElementState', () => {
     const { renderCount } = perf<{ TestComponent: unknown }>(React);
     const source = { uri: 'http://via.placeholder.com/640x360', headers: {} };
     const localProps = { ...props, source };
-    renderHook(() => useIMGElementState(localProps));
+    renderHookForPerf(() => useIMGElementState(localProps));
     await wait(() => {
       expect(renderCount.current.TestComponent.value).toBeLessThan(2);
     });
     expect(Image.getSizeWithHeaders).toHaveBeenCalled();
   });
   it('should render once when width and height physical dimensions are provided, bypassing the fetching of physical dimensions', async () => {
     const { renderCount } = perf<{ TestComponent: unknown }>(React);
-    renderHook(() =>
+    renderHookForPerf(() =>
       useIMGElementState({
         ...props,
         width: 600,

packages/render-html/src/elements/__tests__/useIMGElementStateWithCache.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react-native';
 import useIMGElementStateWithCache from '../useIMGElementStateWithCache';
 
 const props = {

yarn.lock

@@ -6749,28 +6749,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/react-hooks@npm:^8.0.1":
-  version: 8.0.1
-  resolution: "@testing-library/react-hooks@npm:8.0.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.12.5"
-    react-error-boundary: "npm:^3.1.0"
-  peerDependencies:
-    "@types/react": ^16.9.0 || ^17.0.0
-    react: ^16.9.0 || ^17.0.0
-    react-dom: ^16.9.0 || ^17.0.0
-    react-test-renderer: ^16.9.0 || ^17.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-    react-dom:
-      optional: true
-    react-test-renderer:
-      optional: true
-  checksum: 10/f7b69373feebe99bc7d60595822cc5c00a1a5a4801bc4f99b597256a5c1d23c45a51f359051dd8a7bdffcc23b26f324c582e9433c25804934fd351a886812790
-  languageName: node
-  linkType: hard
-
 "@testing-library/react-native@npm:^13.3.3":
   version: 13.3.3
   resolution: "@testing-library/react-native@npm:13.3.3"
@@ -23121,17 +23099,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-error-boundary@npm:^3.1.0":
-  version: 3.1.4
-  resolution: "react-error-boundary@npm:3.1.4"
-  dependencies:
-    "@babel/runtime": "npm:^7.12.5"
-  peerDependencies:
-    react: ">=16.13.1"
-  checksum: 10/7418637bf352b88f35ff3798e6faa094ee046df9d422fc08f54c017892c3c0738dac661ba3d64d97209464e7a60e7fbbeffdbeaee5edc38f3aaf5f1f4a8bf610
-  languageName: node
-  linkType: hard
-
 "react-fast-compare@npm:^3.2.0":
   version: 3.2.2
   resolution: "react-fast-compare@npm:3.2.2"
@@ -23418,7 +23385,6 @@ __metadata:
     "@react-native/babel-preset": "npm:0.81.5"
     "@release-it/conventional-changelog": "npm:^10.0.1"
     "@testing-library/jest-native": "npm:^5.4.3"
-    "@testing-library/react-hooks": "npm:^8.0.1"
     "@testing-library/react-native": "npm:^13.3.3"
     "@types/jest": "npm:^29.5.14"
     "@types/ramda": "npm:^0.31.1"