@@ -30,13 +30,21 @@ describe('ReactComponent', () => {
3030 it ( 'should throw on invalid render targets in legacy roots' , ( ) => {
3131 const container = document . createElement ( 'div' ) ;
3232 // jQuery objects are basically arrays; people often pass them in by mistake
33- expect ( function ( ) {
34- ReactDOM . render ( < div /> , [ container ] ) ;
35- } ) . toThrowError ( / T a r g e t c o n t a i n e r i s n o t a D O M e l e m e n t ./ ) ;
36-
37- expect ( function ( ) {
38- ReactDOM . render ( < div /> , null ) ;
39- } ) . toThrowError ( / T a r g e t c o n t a i n e r i s n o t a D O M e l e m e n t ./ ) ;
33+ expect ( ( ) => {
34+ expect ( function ( ) {
35+ ReactDOM . render ( < div /> , [ container ] ) ;
36+ } ) . toThrowError ( / T a r g e t c o n t a i n e r i s n o t a D O M e l e m e n t ./ ) ;
37+
38+ expect ( function ( ) {
39+ ReactDOM . render ( < div /> , null ) ;
40+ } ) . toThrowError ( / T a r g e t c o n t a i n e r i s n o t a D O M e l e m e n t ./ ) ;
41+ } ) . toErrorDev (
42+ [
43+ 'ReactDOM.render is no longer supported in React 18.' ,
44+ 'ReactDOM.render is no longer supported in React 18.' ,
45+ ] ,
46+ { withoutStack : true } ,
47+ ) ;
4048 } ) ;
4149
4250 // @gate !disableStringRefs
@@ -460,12 +468,21 @@ describe('ReactComponent', () => {
460468 it ( 'fires the callback after a component is rendered in legacy roots' , ( ) => {
461469 const callback = jest . fn ( ) ;
462470 const container = document . createElement ( 'div' ) ;
463- ReactDOM . render ( < div /> , container , callback ) ;
464- expect ( callback ) . toHaveBeenCalledTimes ( 1 ) ;
465- ReactDOM . render ( < div className = "foo" /> , container , callback ) ;
466- expect ( callback ) . toHaveBeenCalledTimes ( 2 ) ;
467- ReactDOM . render ( < span /> , container , callback ) ;
468- expect ( callback ) . toHaveBeenCalledTimes ( 3 ) ;
471+ expect ( ( ) => {
472+ ReactDOM . render ( < div /> , container , callback ) ;
473+ expect ( callback ) . toHaveBeenCalledTimes ( 1 ) ;
474+ ReactDOM . render ( < div className = "foo" /> , container , callback ) ;
475+ expect ( callback ) . toHaveBeenCalledTimes ( 2 ) ;
476+ ReactDOM . render ( < span /> , container , callback ) ;
477+ expect ( callback ) . toHaveBeenCalledTimes ( 3 ) ;
478+ } ) . toErrorDev (
479+ [
480+ 'ReactDOM.render is no longer supported in React 18.' ,
481+ 'ReactDOM.render is no longer supported in React 18.' ,
482+ 'ReactDOM.render is no longer supported in React 18.' ,
483+ ] ,
484+ { withoutStack : true } ,
485+ ) ;
469486 } ) ;
470487
471488 it ( 'throws usefully when rendering badly-typed elements' , async ( ) => {
0 commit comments