Skip to content

Commit b72da4e

Browse files
committed
test: add similar test that should trigger the warning
1 parent 47c0e9e commit b72da4e

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -564,4 +564,25 @@ describe('ReactDOMServerHydration', () => {
564564

565565
expect(domElement.innerHTML).toEqual(markup);
566566
});
567+
568+
it('should warns if innerHTML mismatches with dangerouslySetInnerHTML=undefined on the client', () => {
569+
const domElement = document.createElement('div');
570+
const markup = ReactDOMServer.renderToStaticMarkup(
571+
<div dangerouslySetInnerHTML={{__html: '<p>server</p>'}} />,
572+
);
573+
domElement.innerHTML = markup;
574+
575+
expect(() => {
576+
ReactDOM.hydrate(
577+
<div dangerouslySetInnerHTML={undefined}>
578+
<p>client</p>
579+
</div>,
580+
domElement,
581+
);
582+
583+
expect(domElement.innerHTML).not.toEqual(markup);
584+
}).toErrorDev(
585+
'Warning: Text content did not match. Server: "server" Client: "client"',
586+
);
587+
});
567588
});

0 commit comments

Comments
 (0)