No diff syntax highlighting available

Author: eps1lon

src/content/warnings/react-dom-test-utils.md

@@ -19,27 +19,44 @@ The React Team recommends migrating your tests to [@testing-library/react](https
 
 ### ReactDOMTestUtils.renderIntoDocument {/*reactdomtestutilsrenderintodocument*/}
 
-`renderIntoDocument` can be replaced with `render` from `@testing-library/react`:
+`renderIntoDocument` can be replaced with `render` from `@testing-library/react`.
 
-```diff
--import {renderIntoDocument} from 'react-dom/test-utils';
-+import {render} from '@testing-library/react';
+Before:
+
+```js
+import {renderIntoDocument} from 'react-dom/test-utils';
 
--renderIntoDocument(<Component />);
-+render(<Component />);
+renderIntoDocument(<Component />);
+```
+
+After:
+
+```js
+import {render} from '@testing-library/react';
+
+render(<Component />);
 ```
 
 ### ReactDOMTestUtils.Simulate {/*reactdomtestutilssimulate*/}
 
 `Simulate` can be replaced with `fireEvent` from `@testing-library/react`.
 
-```diff
--import {Simulate} from 'react-dom/test-utils';
-+import {fireEvent} from '@testing-library/react';
+Before:
+
+```js
+import {Simulate} from 'react-dom/test-utils';
+
+const element = document.querySelector('button');
+Simulate.click(element);
+```
+
+After:
+
+```js
+import {fireEvent} from '@testing-library/react';
 
 const element = document.querySelector('button');
--Simulate.click(element);
-+fireEvent.click(element);
+fireEvent.click(element);
 ```
 
 Be aware, that `fireEvent` dispatches an actual event on the element and doesn't just synthetically call the event handler.