bug(cssTransition): pass 'appearing' param from Transition to CSSTransition

Author: alonbt

src/CSSTransition.js

@@ -160,10 +160,10 @@ class CSSTransition extends React.Component {
     const { className } = this.getClassNames(appearing ? 'appear' : 'enter')
 
     this.removeClasses(node, 'exit');
-    addClass(node, className)
+    addClass(node, className);
 
     if (this.props.onEnter) {
-      this.props.onEnter(node)
+      this.props.onEnter(node, appearing);
     }
   }
 
@@ -172,18 +172,18 @@ class CSSTransition extends React.Component {
       appearing ? 'appear' : 'enter'
     );
 
-    this.reflowAndAddClass(node, activeClassName)
+    this.reflowAndAddClass(node, activeClassName);
 
     if (this.props.onEntering) {
-      this.props.onEntering(node)
+      this.props.onEntering(node, appearing);
     }
   }
 
   onEntered = (node, appearing) => {
     this.removeClasses(node, appearing ? 'appear' : 'enter');
 
     if (this.props.onEntered) {
-      this.props.onEntered(node)
+      this.props.onEntered(node, appearing);
     }
   }
 

test/CSSTransition-test.js

@@ -95,19 +95,22 @@ describe('CSSTransition', () => {
       instance.props({
         in: true,
 
-        onEnter(node){
+        onEnter(node, appearing){
           count++;
           expect(node.className).toEqual('custom');
+          expect(appearing).toBe(false);
         },
 
-        onEntering(node){
+        onEntering(node, appearing){
           count++;
           expect(node.className).toEqual('custom custom-super-active');
+          expect(appearing).toBe(false);
         },
 
-        onEntered(node){
+        onEntered(node, appearing){
           expect(node.className).toEqual('');
           expect(count).toEqual(2);
+          expect(appearing).toBe(false);
           done();
         }
       });