@@ -749,6 +749,57 @@ describe('ReactDOMEventListener', () => {
749
749
} ) ;
750
750
} ) ;
751
751
752
+ it ( 'onTransitionRun' , async ( ) => {
753
+ await testNativeBubblingEvent ( {
754
+ type : 'div' ,
755
+ reactEvent : 'onTransitionRun' ,
756
+ reactEventType : 'transitionrun' ,
757
+ nativeEvent : 'transitionrun' ,
758
+ dispatch ( node ) {
759
+ node . dispatchEvent (
760
+ new Event ( 'transitionrun' , {
761
+ bubbles : true ,
762
+ cancelable : false ,
763
+ } ) ,
764
+ ) ;
765
+ } ,
766
+ } ) ;
767
+ } ) ;
768
+
769
+ it ( 'onTransitionStart' , async ( ) => {
770
+ await testNativeBubblingEvent ( {
771
+ type : 'div' ,
772
+ reactEvent : 'onTransitionStart' ,
773
+ reactEventType : 'transitionstart' ,
774
+ nativeEvent : 'transitionstart' ,
775
+ dispatch ( node ) {
776
+ node . dispatchEvent (
777
+ new Event ( 'transitionstart' , {
778
+ bubbles : true ,
779
+ cancelable : false ,
780
+ } ) ,
781
+ ) ;
782
+ } ,
783
+ } ) ;
784
+ } ) ;
785
+
786
+ it ( 'onTransitionCancel' , async ( ) => {
787
+ await testNativeBubblingEvent ( {
788
+ type : 'div' ,
789
+ reactEvent : 'onTransitionCancel' ,
790
+ reactEventType : 'transitioncancel' ,
791
+ nativeEvent : 'transitioncancel' ,
792
+ dispatch ( node ) {
793
+ node . dispatchEvent (
794
+ new Event ( 'transitioncancel' , {
795
+ bubbles : true ,
796
+ cancelable : false ,
797
+ } ) ,
798
+ ) ;
799
+ } ,
800
+ } ) ;
801
+ } ) ;
802
+
752
803
it ( 'onTransitionEnd' , async ( ) => {
753
804
await testNativeBubblingEvent ( {
754
805
type : 'div' ,
@@ -759,7 +810,7 @@ describe('ReactDOMEventListener', () => {
759
810
node . dispatchEvent (
760
811
new Event ( 'transitionend' , {
761
812
bubbles : true ,
762
- cancelable : true ,
813
+ cancelable : false ,
763
814
} ) ,
764
815
) ;
765
816
} ,
0 commit comments