From aabea3408e2bc0f3f2ebae41ae0793c6f2ba2a4b Mon Sep 17 00:00:00 2001
From: Vince Malone <vmalone@twitter.com>
Date: Tue, 29 Dec 2020 16:40:39 -0500
Subject: [PATCH] feat: support TransitionEvent init properties

---
 src/__tests__/events.js | 16 ++++++++++++++++
 src/events.js           | 13 +++++++++++++
 2 files changed, 29 insertions(+)

diff --git a/src/__tests__/events.js b/src/__tests__/events.js
index 5fc9d7fd4..40c8bb4ed 100644
--- a/src/__tests__/events.js
+++ b/src/__tests__/events.js
@@ -358,6 +358,22 @@ test('assigns clipboardData properties', () => {
   expect(clipboardData.getData('text')).toBe('example')
 })
 
+test('assigns TransitionEvent init properties', () => {
+  const node = document.createElement('div')
+  const spy = jest.fn()
+  node.addEventListener('transitionend', spy)
+  const transitionEventInit = {
+    propertyName: 'opacity',
+    elapsedTime: 100,
+    pseudoElement: '',
+  }
+  fireEvent.transitionEnd(node, transitionEventInit)
+  expect(spy).toHaveBeenCalledTimes(1)
+  expect(spy.mock.calls[0][0]).toEqual(
+    expect.objectContaining(transitionEventInit),
+  )
+})
+
 test('fires events on Window', () => {
   const messageSpy = jest.fn()
   window.addEventListener('message', messageSpy)
diff --git a/src/events.js b/src/events.js
index 57446bf8d..92cfa9e42 100644
--- a/src/events.js
+++ b/src/events.js
@@ -62,6 +62,19 @@ function createEvent(
     })
   }
 
+  // TransitionEvent is not supported in jsdom: https://github.com/jsdom/jsdom/issues/1781
+  if (EventType === 'TransitionEvent') {
+    const transitionEventProperties = [
+      'propertyName',
+      'elapsedTime',
+      'pseudoElement',
+    ]
+    transitionEventProperties.forEach(property => {
+      const value = eventInit[property]
+      Object.defineProperty(event, property, {value})
+    })
+  }
+
   // DataTransfer is not supported in jsdom: https://github.com/jsdom/jsdom/issues/1568
   const dataTransferProperties = ['dataTransfer', 'clipboardData']
   dataTransferProperties.forEach(dataTransferKey => {