Add support for firing all transition events

Ref: https://developer.mozilla.org/en-US/docs/Web/API/TransitionEvent
testing-library · Sep 21, 2021 · 8325d33 · 8325d33
1 parent 45830f5
commit 8325d33
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/src/__tests__/events.js b/src/__tests__/events.js
@@ -117,7 +117,7 @@ const eventTypes = [
   },
   {
     type: 'Transition',
-    events: ['transitionEnd'],
+    events: ['transitionCancel', 'transitionEnd', 'transitionRun', 'transitionStart'],
     elementType: 'div',
   },
   {

diff --git a/src/event-map.js b/src/event-map.js
@@ -297,10 +297,22 @@ export const eventMap = {
     defaultInit: {bubbles: true, cancelable: false},
   },
   // Transition Events
+  transitionCancel: {
+    EventType: 'TransitionEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
   transitionEnd: {
     EventType: 'TransitionEvent',
     defaultInit: {bubbles: true, cancelable: true},
   },
+  transitionRun: {
+    EventType: 'TransitionEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  transitionStart: {
+    EventType: 'TransitionEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
   // pointer events
   pointerOver: {
     EventType: 'PointerEvent',

diff --git a/types/events.d.ts b/types/events.d.ts
@@ -71,7 +71,10 @@ export type EventType =
   | 'animationStart'
   | 'animationEnd'
   | 'animationIteration'
+  | 'transitionCancel'
   | 'transitionEnd'
+  | 'transitionRun'
+  | 'transitionStart'
   | 'doubleClick'
   | 'pointerOver'
   | 'pointerEnter'