Fix onChangeIndex is not passed when autoplay is disabled (#487)

oliviertassinari · Jan 19, 2019 · 85f1754 · 85f1754
1 parent 0190a03
commit 85f1754
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/react-swipeable-views-utils/src/autoPlay.js b/packages/react-swipeable-views-utils/src/autoPlay.js
@@ -128,7 +128,7 @@ export default function autoPlay(MyComponent) {
       const { index } = this.state;
 
       if (!autoplay) {
-        return <MyComponent index={index} {...other} />;
+        return <MyComponent index={index} onChangeIndex={onChangeIndex} {...other} />;
       }
 
       return (

diff --git a/packages/react-swipeable-views-utils/src/autoPlay.test.js b/packages/react-swipeable-views-utils/src/autoPlay.test.js
@@ -197,6 +197,26 @@ describe('autoPlay', () => {
           done();
         }, 300);
       });
+
+      it('should pass onChangeIndex also when autoplay is disabled', done => {
+        const handleChangeIndex = spy();
+
+        wrapper = shallow(
+          <AutoPlaySwipeableViews index={0} autoplay={false} onChangeIndex={handleChangeIndex}>
+            <div>{'slide n°1'}</div>
+            <div>{'slide n°2'}</div>
+            <div>{'slide n°3'}</div>
+          </AutoPlaySwipeableViews>,
+        );
+
+        wrapper.find(Empty).simulate('changeIndex', 1, 0);
+        assert.strictEqual(
+          handleChangeIndex.callCount,
+          1,
+          'Should be called the right number of time.',
+        );
+        done();
+      });
     });
   });
 });