@@ -507,39 +507,6 @@ describe('TouchHitTarget', () => {
507
507
) ;
508
508
} ) ;
509
509
510
- it ( 'should hydrate TouchHitTarget hit slop elements correcty' , ( ) => {
511
- const Test = ( ) => (
512
- < EventComponent >
513
- < div >
514
- < TouchHitTarget />
515
- </ div >
516
- </ EventComponent >
517
- ) ;
518
-
519
- const container = document . createElement ( 'div' ) ;
520
- container . innerHTML = '<div></div>' ;
521
- ReactDOM . hydrate ( < Test /> , container ) ;
522
- expect ( Scheduler ) . toFlushWithoutYielding ( ) ;
523
- expect ( container . innerHTML ) . toBe ( '<div></div>' ) ;
524
-
525
- const Test2 = ( ) => (
526
- < EventComponent >
527
- < div >
528
- < TouchHitTarget top = { 10 } left = { 10 } right = { 10 } bottom = { 10 } />
529
- </ div >
530
- </ EventComponent >
531
- ) ;
532
-
533
- const container2 = document . createElement ( 'div' ) ;
534
- container2 . innerHTML =
535
- '<div><div style="position:absolute;z-index:-1;bottom:-10px;left:-10px;right:-10px;top:-10px"></div></div>' ;
536
- ReactDOM . hydrate ( < Test2 /> , container2 ) ;
537
- expect ( Scheduler ) . toFlushWithoutYielding ( ) ;
538
- expect ( container2 . innerHTML ) . toBe (
539
- '<div><div style="position:absolute;z-index:-1;bottom:-10px;left:-10px;right:-10px;top:-10px"></div></div>' ,
540
- ) ;
541
- } ) ;
542
-
543
510
it ( 'should hydrate TouchHitTarget hit slop elements correcty and patch them' , ( ) => {
544
511
const Test = ( ) => (
545
512
< EventComponent >
@@ -586,7 +553,7 @@ describe('TouchHitTarget', () => {
586
553
expect ( output ) . toBe ( '<div></div>' ) ;
587
554
} ) ;
588
555
589
- it ( 'should render a TouchHitTarget with hit slop values' , ( ) => {
556
+ it ( 'should render a TouchHitTarget without hit slop values' , ( ) => {
590
557
const Test = ( ) => (
591
558
< EventComponent >
592
559
< div >
@@ -596,9 +563,7 @@ describe('TouchHitTarget', () => {
596
563
) ;
597
564
598
565
let output = ReactDOMServer . renderToString ( < Test /> ) ;
599
- expect ( output ) . toBe (
600
- '<div><div style="position:absolute;z-index:-1;bottom:-10px;left:-10px;right:-10px;top:-10px"></div></div>' ,
601
- ) ;
566
+ expect ( output ) . toBe ( '<div></div>' ) ;
602
567
603
568
const Test2 = ( ) => (
604
569
< EventComponent >
@@ -609,9 +574,7 @@ describe('TouchHitTarget', () => {
609
574
) ;
610
575
611
576
output = ReactDOMServer . renderToString ( < Test2 /> ) ;
612
- expect ( output ) . toBe (
613
- '<div><div style="position:absolute;z-index:-1;bottom:-10px;left:0px;right:0x;top:0px"></div></div>' ,
614
- ) ;
577
+ expect ( output ) . toBe ( '<div></div>' ) ;
615
578
616
579
const Test3 = ( ) => (
617
580
< EventComponent >
@@ -622,9 +585,7 @@ describe('TouchHitTarget', () => {
622
585
) ;
623
586
624
587
output = ReactDOMServer . renderToString ( < Test3 /> ) ;
625
- expect ( output ) . toBe (
626
- '<div><div style="position:absolute;z-index:-1;bottom:-4px;left:-2px;right:-3px;top:-1px"></div></div>' ,
627
- ) ;
588
+ expect ( output ) . toBe ( '<div></div>' ) ;
628
589
} ) ;
629
590
} ) ;
630
591
} ) ;
0 commit comments