[enzyme-adapter-utils] [New] Add event name mapping for animation events

enzymejs · Mar 12, 2018 · e2302ce · e2302ce
1 parent e0bcdf7
commit e2302ce
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/packages/enzyme-adapter-utils/src/Utils.js b/packages/enzyme-adapter-utils/src/Utils.js
@@ -3,7 +3,9 @@ import createRenderWrapper from './createRenderWrapper';
 
 export { createMountWrapper, createRenderWrapper };
 
-export function mapNativeEventNames(event) {
+export function mapNativeEventNames(event, {
+  animation = false, // should be true for React 15+
+} = {}) {
   const nativeToReactEventMap = {
     compositionend: 'compositionEnd',
     compositionstart: 'compositionStart',
@@ -42,6 +44,11 @@ export function mapNativeEventNames(event) {
     mouseenter: 'mouseEnter',
     mouseleave: 'mouseLeave',
     transitionend: 'transitionEnd',
+    ...(animation && {
+      animationstart: 'animationStart',
+      animationiteration: 'animationIteration',
+      animationend: 'animationEnd',
+    }),
   };
 
   return nativeToReactEventMap[event] || event;

diff --git a/packages/enzyme-test-suite/test/Utils-spec.jsx b/packages/enzyme-test-suite/test/Utils-spec.jsx
@@ -467,6 +467,18 @@ describe('Utils', () => {
         expect(result).to.equal('dragEnter');
       });
     });
+
+    describe('conditionally supported events', () => {
+      it('ignores unsupported events', () => {
+        const result = mapNativeEventNames('animationiteration');
+        expect(result).to.equal('animationiteration');
+      });
+
+      it('transforms events when supported', () => {
+        const result = mapNativeEventNames('animationiteration', { animation: true });
+        expect(result).to.equal('animationIteration');
+      });
+    });
   });
 
   describe('displayNameOfNode', () => {