fix: adjust tests after version bump

5ZYSZ3K · 5ZYSZ3K · commit 83180df5569c · 2026-03-26T17:30:06.000+01:00
diff --git a/.github/workflows/heuristic-table.yml b/.github/workflows/heuristic-table.yml
@@ -20,6 +20,11 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
+    - name: Install canvas system dependencies
+      uses: awalsh128/cache-apt-pkgs-action@latest
+      with:
+        packages: libcairo2-dev libjpeg-dev libpng-dev libgif-dev libpango1.0-dev librsvg2-dev
+        version: 1.0
     - run: yarn install --immutable
     - run: yarn build:core
       name: Build core
diff --git a/.github/workflows/iframe.yml b/.github/workflows/iframe.yml
@@ -20,6 +20,11 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
+    - name: Install canvas system dependencies
+      uses: awalsh128/cache-apt-pkgs-action@latest
+      with:
+        packages: libcairo2-dev libjpeg-dev libpng-dev libgif-dev libpango1.0-dev librsvg2-dev
+        version: 1.0
     - run: yarn install --immutable
     - run: yarn build:core
       name: Build core
diff --git a/.github/workflows/table.yml b/.github/workflows/table.yml
@@ -20,6 +20,11 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
+    - name: Install canvas system dependencies
+      uses: awalsh128/cache-apt-pkgs-action@latest
+      with:
+        packages: libcairo2-dev libjpeg-dev libpng-dev libgif-dev libpango1.0-dev librsvg2-dev
+        version: 1.0
     - run: yarn install --immutable
     - run: yarn build:core
       name: Build core
diff --git a/eslint.config.js b/eslint.config.js
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
 const tsPlugin = require('@typescript-eslint/eslint-plugin');
 const compat = require('eslint-plugin-compat');
 const tsdoc = require('eslint-plugin-tsdoc');
diff --git a/jest/__mocks__/node-fetch.js b/jest/__mocks__/node-fetch.js
@@ -0,0 +1,4 @@
+// eslint-disable-next-line compat/compat
+const neverResolve = () => new Promise(() => {});
+module.exports = neverResolve;
+module.exports.default = neverResolve;
diff --git a/package.json b/package.json
@@ -40,7 +40,6 @@
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-native": "0.83.2",
-    "react-test-renderer": "19.2.0",
     "react-native-webview": "13.16.0"
   },
   "author": "Jules Sam. Randolph <jules.sam.randolph@gmail.com> (https://github.com/jsamr)",
diff --git a/packages/heuristic-table-plugin/package.json b/packages/heuristic-table-plugin/package.json
@@ -39,13 +39,13 @@
     "@microsoft/api-documenter": "^7.29.6",
     "@microsoft/api-extractor": "7.57.6",
     "@native-html/render": "1.0.0-alpha.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/react-native": "^13.3.3",
     "@tsconfig/react-native": "^3.0.9",
     "@types/html-validator": "^5.0.6",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.14",
     "@types/react-native": "^0.73.0",
-    "@types/react-test-renderer": "^19.1.0",
     "babel-jest": "^30.2.0",
     "babel-plugin-inline-import": "^3.0.0",
     "eslint": "^10.0.2",
@@ -55,7 +55,6 @@
     "react": "19.2.0",
     "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.18",
-    "react-test-renderer": "19.2.0",
     "typescript": "~5.8.2"
   },
   "dependencies": {
diff --git a/packages/heuristic-table-plugin/src/helpers/__tests__/tsconfig.json b/packages/heuristic-table-plugin/src/helpers/__tests__/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../../../../tsconfig-base.json",
+  "compilerOptions": {
+    "types": ["jest"],
+    "noEmit": true,
+    "ignoreDeprecations": "6.0"
+  },
+  "exclude": ["../../../node_modules", "../../../lib"]
+}
diff --git a/packages/iframe-plugin/jest.config.js b/packages/iframe-plugin/jest.config.js
@@ -4,6 +4,9 @@ module.exports = {
   testRegex: 'src/.*\\.test\\.tsx?$',
   coveragePathIgnorePatterns: ['/node_modules/', '__tests__'],
   transformIgnorePatterns: [
-    'node_modules/(?!(@react-native|react-native|react-native-webview|ramda|@native-html|stringify-entities|character-entities-html4|character-entities-legacy)/)'
+    'node_modules/(?!(@react-native|react-native|react-native-webview|ramda|@native-html|@formidable-webview|stringify-entities|character-entities-html4|character-entities-legacy)/)'
   ],
+  moduleNameMapper: {
+    '^node-fetch$': '<rootDir>/jest/__mocks__/node-fetch.js'
+  }
 };
diff --git a/packages/iframe-plugin/jest/__mocks__/node-fetch.js b/packages/iframe-plugin/jest/__mocks__/node-fetch.js
@@ -0,0 +1,4 @@
+// eslint-disable-next-line compat/compat
+const neverResolve = () => new Promise(() => {});
+module.exports = neverResolve;
+module.exports.default = neverResolve;
diff --git a/packages/iframe-plugin/package.json b/packages/iframe-plugin/package.json
@@ -36,14 +36,17 @@
     "@babel/plugin-transform-react-jsx": "^7.28.6",
     "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.28.6",
+    "@formidable-webview/ersatz": "^2.1.2",
+    "@formidable-webview/ersatz-testing": "^2.0.5",
     "@microsoft/api-documenter": "^7.29.6",
     "@microsoft/api-extractor": "7.57.6",
     "@native-html/render": "1.0.0-alpha.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.14",
     "@types/react-native": "^0.73.0",
-    "@types/react-test-renderer": "^19.1.0",
+    "@types/react-test-renderer": "^19",
     "babel-jest": "^30.2.0",
     "eslint": "^10.0.2",
     "jest": "^30.2.0",
@@ -53,14 +56,14 @@
     "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.18",
     "react-native-webview": "13.16.0",
-    "react-test-renderer": "19.2.0",
     "typescript": "~5.8.2"
   },
   "dependencies": {
     "@formidable-webview/webshell": "^2.6.0",
     "@native-html/plugins-core": "workspace:*",
     "@types/prop-types": "^15.7.15",
-    "prop-types": "^15.8.1"
+    "prop-types": "^15.8.1",
+    "react-test-renderer": "19.2.0"
   },
   "peerDependencies": {
     "@native-html/render": ">=1.0.0-alpha.0",
diff --git a/packages/iframe-plugin/src/__tests__/IframeRenderer.test.tsx b/packages/iframe-plugin/src/__tests__/IframeRenderer.test.tsx
@@ -1,12 +1,23 @@
 import React, { act } from 'react';
 import HTML, { RenderHTMLProps } from '@native-html/render';
 import renderer from 'react-test-renderer';
+import Ersatz from '@formidable-webview/ersatz';
 import IframeRenderer, { iframeModel } from '../IframeRenderer';
-import { View } from 'react-native';
 
 describe('iframe renderer', () => {
+  let rendered: renderer.ReactTestRenderer | null = null;
+
+  afterEach(async () => {
+    if (rendered) {
+      await act(async () => {
+        rendered!.unmount();
+      });
+      rendered = null;
+    }
+  });
+
   const defaultConfig: Partial<RenderHTMLProps> = {
-    WebView: View,
+    WebView: Ersatz,
     renderers: {
       iframe: IframeRenderer
     },
@@ -17,7 +28,7 @@ describe('iframe renderer', () => {
   };
   it('should render without errors', async () => {
     await act(async () => {
-      renderer.create(
+      rendered = renderer.create(
         <HTML
           {...defaultConfig}
           source={{
@@ -33,17 +44,21 @@ describe('iframe renderer', () => {
         html: '<iframe width="300" height="300" src="https://google.com/" />'
       },
       provideEmbeddedHeaders: (uri, tagName) => {
-        // @ts-expect-error tagName can be 'iframe' at runtime
         if (tagName === 'iframe') {
           return {
             'X-Frame-Options': 'ALLOW-FROM https://google.com'
           };
         }
       }
     };
-    let rendered: renderer.ReactTestRenderer;
     await act(async () => {
       rendered = renderer.create(<HTML {...defaultConfig} {...props} />);
     });
+
+    expect(rendered!.root.findByType(Ersatz).props.source).toMatchObject({
+      headers: {
+        'X-Frame-Options': 'ALLOW-FROM https://google.com'
+      }
+    });
   });
 });
diff --git a/packages/iframe-plugin/src/__tests__/tsconfig.json b/packages/iframe-plugin/src/__tests__/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "../../../../tsconfig-base.json",
+  "compilerOptions": {
+    "types": ["jest"],
+    "noEmit": true,
+  },
+  "exclude": ["../../node_modules", "../../lib"]
+}
diff --git a/packages/iframe-plugin/tsconfig.json b/packages/iframe-plugin/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig-base.json",
   "compilerOptions": {
-    "outDir": "./lib"
+    "outDir": "./lib",
   },
   "exclude": ["node_modules", "**/__tests__", "lib", "types"]
 }
diff --git a/packages/plugins-core/package.json b/packages/plugins-core/package.json
@@ -32,13 +32,13 @@
     "@formidable-webview/webshell": "^2.6.0",
     "@microsoft/api-extractor": "7.57.6",
     "@native-html/render": "1.0.0-alpha.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/react-native": "^13.3.3",
     "@tsconfig/react-native": "^3.0.9",
     "@types/html-validator": "^5.0.6",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.14",
     "@types/react-native": "^0.73.0",
-    "@types/react-test-renderer": "^19.1.0",
     "babel-jest": "^30.2.0",
     "eslint": "^10.0.2",
     "jest": "^30.2.0",
@@ -47,7 +47,6 @@
     "react": "19.2.0",
     "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.18",
-    "react-test-renderer": "19.2.0",
     "typescript": "~5.8.2"
   },
   "peerDependencies": {
diff --git a/packages/plugins-core/src/__tests__/tsconfig.json b/packages/plugins-core/src/__tests__/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../../../tsconfig-base.json",
+  "compilerOptions": {
+    "types": ["jest"],
+    "noEmit": true,
+    "ignoreDeprecations": "6.0"
+  },
+  "exclude": ["../../node_modules", "../../lib"]
+}
diff --git a/packages/table-plugin/jest.config.js b/packages/table-plugin/jest.config.js
@@ -4,7 +4,10 @@ module.exports = {
   testRegex: 'src/.*\\.test\\.tsx?$',
   coveragePathIgnorePatterns: ['/node_modules/', '__tests__'],
   transformIgnorePatterns: [
-    'node_modules/(?!(@react-native|react-native|react-native-webview|ramda|@native-html|stringify-entities|character-entities-html4|character-entities-legacy)/)'
+    'node_modules/(?!(@react-native|react-native|react-native-webview|ramda|@native-html|@formidable-webview|stringify-entities|character-entities-html4|character-entities-legacy)/)'
   ],
+  moduleNameMapper: {
+    '^node-fetch$': '<rootDir>/../../jest/__mocks__/node-fetch.js'
+  },
   setupFilesAfterEnv: ['./jest/setupJest.js']
 };
diff --git a/packages/table-plugin/package.json b/packages/table-plugin/package.json
@@ -36,16 +36,18 @@
     "@babel/plugin-transform-react-jsx": "^7.28.6",
     "@babel/preset-typescript": "^7.28.5",
     "@babel/runtime": "^7.28.6",
+    "@formidable-webview/ersatz": "^2.1.2",
+    "@formidable-webview/ersatz-testing": "^2.0.5",
     "@microsoft/api-documenter": "^7.29.6",
     "@microsoft/api-extractor": "7.57.6",
     "@native-html/render": "1.0.0-alpha.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/react-native": "^13.3.3",
     "@tsconfig/react-native": "^3.0.9",
     "@types/html-validator": "^5.0.6",
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.14",
     "@types/react-native": "^0.73.0",
-    "@types/react-test-renderer": "^19.1.0",
     "babel-jest": "^30.2.0",
     "babel-plugin-inline-import": "^3.0.0",
     "eslint": "^10.0.2",
@@ -57,7 +59,6 @@
     "react-native": "0.83.2",
     "react-native-builder-bob": "^0.40.18",
     "react-native-webview": "13.16.0",
-    "react-test-renderer": "19.2.0",
     "typescript": "~5.8.2"
   },
   "dependencies": {
diff --git a/packages/table-plugin/src/HTMLTable.tsx b/packages/table-plugin/src/HTMLTable.tsx
@@ -84,6 +84,7 @@ function findHeight({
   computeHeuristicContentHeight: (tableStats: HTMLTableStats) => number;
   contentHeight: number | null;
 } & HTMLTableStats) {
+  console.log('findHeight');
   if (typeof contentHeight === 'number') {
     return computeContainerHeight({
       type: 'accurate',
@@ -137,6 +138,15 @@ function useAnimatedAutoheight<WVP extends MinimalWebViewProps>({
       webshellProps: webViewProps as any,
       resetHeightOnViewportWidthChange: false
     });
+  console.log({
+    computeContainerHeight,
+    computeHeuristicContentHeight,
+    'contentSize.height': contentSize.height,
+    syncState,
+    numOfChars,
+    numOfColumns,
+    numOfRows
+  });
   const containerHeight = useMemo(
     () =>
       findHeight({
@@ -331,18 +341,6 @@ const propTypes: Record<keyof HTMLTableProps, any> = {
   displayMode: PropTypes.oneOf(['flex', 'expand'])
 };
 
-const defaultProps = {
-  animationDuration: DEFAULT_TRANSITION_DURATION,
-  animationType: 'animated',
-  computeHeuristicContentHeight: defaultComputeHeuristicContentHeight,
-  computeContainerHeight: defaultComputeContainerHeight,
-  maxScale: 1
-};
-
 Object.defineProperty(HTMLTable, 'propTypes', {
   value: propTypes
 });
-
-Object.defineProperty(HTMLTable, 'defaultProps', {
-  value: defaultProps
-});
diff --git a/packages/table-plugin/src/__tests__/HTMLTable.test.tsx b/packages/table-plugin/src/__tests__/HTMLTable.test.tsx
diff --git a/packages/table-plugin/src/__tests__/tsconfig.json b/packages/table-plugin/src/__tests__/tsconfig.json
diff --git a/tsconfig-base.json b/tsconfig-base.json
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+/* eslint-disable @typescript-eslint/no-require-imports */`
`1`	`2`	`const tsPlugin = require('@typescript-eslint/eslint-plugin');`
`2`	`3`	`const compat = require('eslint-plugin-compat');`
`3`	`4`	`const tsdoc = require('eslint-plugin-tsdoc');`