@@ -1175,12 +1175,12 @@ describe('reactElementToJSXString(ReactElement)', () => {
1175
1175
} ) ;
1176
1176
1177
1177
it ( 'should use inferred function name as display name for `forwardRef` element' , ( ) => {
1178
- const Tag = React . forwardRef ( function Tag ( { text } , ref ) {
1178
+ const Tag = React . forwardRef ( function TagWithRef ( { text } , ref ) {
1179
1179
return < span ref = { ref } > { text } </ span > ;
1180
1180
} ) ;
1181
1181
1182
1182
expect ( reactElementToJSXString ( < Tag text = "some label" /> ) ) . toEqual (
1183
- `<Tag text="some label" />`
1183
+ `<TagWithRef text="some label" />`
1184
1184
) ;
1185
1185
} ) ;
1186
1186
@@ -1196,12 +1196,12 @@ describe('reactElementToJSXString(ReactElement)', () => {
1196
1196
} ) ;
1197
1197
1198
1198
it ( 'should use inferred function name as display name for `memo` element' , ( ) => {
1199
- const Tag = React . memo ( function Tag ( { text } ) {
1199
+ const Tag = React . memo ( function TagMemoized ( { text } ) {
1200
1200
return < span > { text } </ span > ;
1201
1201
} ) ;
1202
1202
1203
1203
expect ( reactElementToJSXString ( < Tag text = "some label" /> ) ) . toEqual (
1204
- `<Tag text="some label" />`
1204
+ `<TagMemoized text="some label" />`
1205
1205
) ;
1206
1206
} ) ;
1207
1207
@@ -1218,27 +1218,27 @@ describe('reactElementToJSXString(ReactElement)', () => {
1218
1218
1219
1219
it ( 'should use inferred function name as display name for a `forwardRef` wrapped in `memo`' , ( ) => {
1220
1220
const Tag = React . memo (
1221
- React . forwardRef ( function Tag ( { text } , ref ) {
1221
+ React . forwardRef ( function TagWithRef ( { text } , ref ) {
1222
1222
return < span ref = { ref } > { text } </ span > ;
1223
1223
} )
1224
1224
) ;
1225
1225
1226
1226
expect ( reactElementToJSXString ( < Tag text = "some label" /> ) ) . toEqual (
1227
- `<Tag text="some label" />`
1227
+ `<TagWithRef text="some label" />`
1228
1228
) ;
1229
1229
} ) ;
1230
1230
1231
1231
it ( 'should use inferred function name as display name for a component wrapped in `memo` multiple times' , ( ) => {
1232
1232
const Tag = React . memo (
1233
1233
React . memo (
1234
- React . memo ( function Tag ( { text } ) {
1234
+ React . memo ( function TagReallyMemoized ( { text } ) {
1235
1235
return < span > { text } </ span > ;
1236
1236
} )
1237
1237
)
1238
1238
) ;
1239
1239
1240
1240
expect ( reactElementToJSXString ( < Tag text = "some label" /> ) ) . toEqual (
1241
- `<Tag text="some label" />`
1241
+ `<TagReallyMemoized text="some label" />`
1242
1242
) ;
1243
1243
} ) ;
1244
1244
@@ -1370,7 +1370,7 @@ describe('reactElementToJSXString(ReactElement)', () => {
1370
1370
return tags ;
1371
1371
}
1372
1372
1373
- const Tag = React . forwardRef ( function Tag ( { text } , ref ) {
1373
+ const Tag = React . forwardRef ( function TagWithRef ( { text } , ref ) {
1374
1374
return < span ref = { ref } > { text } </ span > ;
1375
1375
} ) ;
1376
1376
Tag . emotionReal = Tag ;
@@ -1381,7 +1381,7 @@ describe('reactElementToJSXString(ReactElement)', () => {
1381
1381
)
1382
1382
) . toEqual ( `<TagList
1383
1383
tags={[
1384
- <Tag key="oops" text="oops, circular"/>
1384
+ <TagWithRef key="oops" text="oops, circular"/>
1385
1385
]}
1386
1386
/>` ) ;
1387
1387
} ) ;
0 commit comments