feat: Add support for firing all transition events (#1036)

testing-library · Sep 22, 2021 · 669602c · 669602c
1 parent 45830f5
commit 669602c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/src/__tests__/events.js b/src/__tests__/events.js
@@ -117,7 +117,12 @@ 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: false},
+  },
   transitionEnd: {
     EventType: 'TransitionEvent',
     defaultInit: {bubbles: true, cancelable: true},
   },
+  transitionRun: {
+    EventType: 'TransitionEvent',
+    defaultInit: {bubbles: true, cancelable: false},
+  },
+  transitionStart: {
+    EventType: 'TransitionEvent',
+    defaultInit: {bubbles: true, cancelable: false},
+  },
   // 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'