add willUnmount test and add findDOMNode

Author: jljsj33

src/QueueAnim.jsx

@@ -160,7 +160,7 @@ class QueueAnim extends React.Component {
       // 在出场没结束时，childrenShow 里的值将不会清除。再触发进场时， childrenShow 里的值是保留着的, 设置了 enterForcedRePlay 将重新播放进场。
       newChildren.forEach(item => {
         if (this.keysToLeave.indexOf(item.key) >= 0) {
-          const node = this.refs[item.key];
+          const node = findDOMNode(this.refs[item.key]);
           // 因为进场是用的间隔性进入，这里不做 stop 处理将会在这间隔里继续出场的动画。。
           velocity(node, 'stop');
           delete childrenShow[item.key];

tests/index.js

@@ -44,6 +44,7 @@ describe('rc-queue-anim', () => {
       getInitialState() {
         return {
           show: true,
+          unMount: false,
           items: [{
             key: 1,
             content: 'div',
@@ -61,6 +62,11 @@ describe('rc-queue-anim', () => {
           show: !this.state.show,
         });
       },
+      unMountQueue() {
+        this.setState({
+          unMount: true,
+        });
+      },
       removeOne() {
         const items = this.state.items;
         const removeIndex = 0;
@@ -70,14 +76,16 @@ describe('rc-queue-anim', () => {
       },
       render() {
         return (
-          <QueueAnim {...props}>
-            {
-              this.state.show ?
-              this.state.items.map((item) => <div key={item.key}>{item.content}</div>) :
-              null
-            }
-            {null}
-          </QueueAnim>
+          <section>
+            {!this.state.unMount ? <QueueAnim {...props}>
+              {
+                this.state.show ?
+                  this.state.items.map((item) => <div key={item.key}>{item.content}</div>) :
+                  null
+              }
+              {null}
+            </QueueAnim> : null}
+          </section>
         );
       },
     });
@@ -343,4 +351,23 @@ describe('rc-queue-anim', () => {
       }, 17);
     }, 1000);
   });
+
+  it.only('will un mount', (done) => {
+    const instance = createQueueAnimInstance({
+      animConfig(e) {
+        if (e.index === 1) {
+          return { top: [100, 0] };
+        }
+        return { left: [100, 0] };
+      },
+    });
+    setTimeout(() => {
+      let children = TestUtils.scryRenderedDOMComponentsWithTag(instance, 'div');
+      expect(children.length).to.be(4);
+      instance.unMountQueue();
+      children = TestUtils.scryRenderedDOMComponentsWithTag(instance, 'div');
+      expect(children.length).to.be(0);
+      done();
+    }, 100);
+  });
 });