Skip to content

Commit d685720

Browse files
committed
Add test
1 parent 572fe50 commit d685720

File tree

1 file changed

+32
-0
lines changed

1 file changed

+32
-0
lines changed

packages/react-server-dom-webpack/src/__tests__/ReactFlightDOMBrowser-test.js

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2661,4 +2661,36 @@ describe('ReactFlightDOMBrowser', () => {
26612661
'{"shared":{"id":42},"map":[[42,{"id":42}]]}',
26622662
);
26632663
});
2664+
2665+
it('should resolve a cycle between debug info and the value it produces', async () => {
2666+
function Inner({style}) {
2667+
return <div style={style} />;
2668+
}
2669+
2670+
function Component({style}) {
2671+
return <Inner style={style} />;
2672+
}
2673+
2674+
const style = {};
2675+
const element = <Component style={style} />;
2676+
style.element = element;
2677+
2678+
const stream = await serverAct(() =>
2679+
ReactServerDOMServer.renderToReadableStream(element, webpackMap),
2680+
);
2681+
2682+
function ClientRoot({response}) {
2683+
return use(response);
2684+
}
2685+
2686+
const response = ReactServerDOMClient.createFromReadableStream(stream);
2687+
const container = document.createElement('div');
2688+
const root = ReactDOMClient.createRoot(container);
2689+
2690+
await act(() => {
2691+
root.render(<ClientRoot response={response} />);
2692+
});
2693+
2694+
expect(container.innerHTML).toBe('<div></div>');
2695+
});
26642696
});

0 commit comments

Comments
 (0)