facebook
diff --git a/‎packages/react-dom/src/__tests__/ReactDOMFloat-test.js‎
Lines changed: 49 additions & 0 deletions b/‎packages/react-dom/src/__tests__/ReactDOMFloat-test.js‎
Lines changed: 49 additions & 0 deletions
@@ -281,6 +281,55 @@ describe('ReactDOMFizzServer', () => {
         </html>,
       );
     });
+
+    it('inserts a preload resource when called in a layout effect', async () => {
+      function App() {
+        React.useLayoutEffect(() => {
+          console.log('calling preload inside useEffect');
+          ReactDOM.preload('foo', {as: 'style'});
+        }, []);
+        return 'foobar';
+      }
+      const root = ReactDOMClient.createRoot(container);
+      root.render(<App />);
+      expect(Scheduler).toFlushWithoutYielding();
+
+      console.log('document', document.documentElement.outerHTML);
+      expect(getVisibleChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="preload" as="style" href="foo" />
+          </head>
+          <body>
+            <div id="container">foobar</div>
+          </body>
+        </html>,
+      );
+    });
+
+    fit('inserts a preload resource when called in a passive effect', async () => {
+      function App() {
+        React.useEffect(() => {
+          ReactDOM.preload('foo', {as: 'style'});
+        }, []);
+        return 'foobar';
+      }
+      const root = ReactDOMClient.createRoot(container);
+      root.render(<App />);
+      expect(Scheduler).toFlushWithoutYielding();
+
+      console.log('document', document.documentElement.outerHTML);
+      expect(getVisibleChildren(document)).toEqual(
+        <html>
+          <head>
+            <link rel="preload" as="style" href="foo" />
+          </head>
+          <body>
+            <div id="container">foobar</div>
+          </body>
+        </html>,
+      );
+    });
   });
 
   describe('style resources', () => {