Add polyfill for MessageChannel in getDataFromTree test

apollographql · Dec 13, 2024 · 926a001 · 926a001
1 parent 59e4bc8
commit 926a001
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/config/jest.config.js b/config/jest.config.js
@@ -29,10 +29,7 @@ const defaults = {
 const ignoreTSFiles = ".ts$";
 const ignoreTSXFiles = ".tsx$";
 
-const react19TestFileIgnoreList = [
-  ignoreTSFiles,
-  "src/react/ssr/__tests__/getDataFromTree.test.tsx",
-];
+const react19TestFileIgnoreList = [ignoreTSFiles];
 
 const react17TestFileIgnoreList = [
   ignoreTSFiles,

diff --git a/src/react/ssr/__tests__/getDataFromTree.test.tsx b/src/react/ssr/__tests__/getDataFromTree.test.tsx
@@ -1,4 +1,19 @@
 import React from "react";
+
+if (React.version.startsWith("19")) {
+  // react-dom/server uses MessageChannel in React 19
+  window.MessageChannel = jest.fn().mockImplementation(() => {
+    return {
+      port1: {
+        set onmessage(_cb: unknown) {},
+      },
+      port2: {
+        postMessage(_data: unknown) {},
+      },
+    };
+  });
+}
+
 import gql from "graphql-tag";
 import { DocumentNode } from "graphql";