diff --git a/packages/react-client/src/__tests__/ReactFlight-test.js b/packages/react-client/src/__tests__/ReactFlight-test.js index 00d1fa99c668c..f1ddf0dcd2eaa 100644 --- a/packages/react-client/src/__tests__/ReactFlight-test.js +++ b/packages/react-client/src/__tests__/ReactFlight-test.js @@ -213,15 +213,25 @@ describe('ReactFlight', () => { expect(ReactNoop).toMatchRenderedOutput(null); }); - it('can transport undefined object values', async () => { - function ComponentClient(props) { + // @gate FIXME + it('should transport undefined object values', async () => { + function ServerComponent(props) { return 'prop' in props ? `\`prop\` in props as '${props.prop}'` : '`prop` not in props'; } - const Component = clientReference(ComponentClient); + const ClientComponent = clientReference(ServerComponent); - const model = ; + const model = ( + <> +
+ Server: +
+
+ Client: +
+ + ); const transport = ReactNoopFlightServer.render(model); @@ -229,7 +239,12 @@ describe('ReactFlight', () => { ReactNoop.render(await ReactNoopFlightClient.read(transport)); }); - expect(ReactNoop).toMatchRenderedOutput("`prop` in props as 'undefined'"); + expect(ReactNoop).toMatchRenderedOutput( + <> +
Server: `prop` in props as 'undefined'
+
Client: `prop` in props as 'undefined'
+ , + ); }); it('can render an empty fragment', async () => {