#517: Fix emulated touch never changing slide

src/__tests__/Carousel.tsx

@@ -958,6 +958,29 @@ describe('Slider', function() {
                 expect(swipeProps.onSwipeDown).toBe(componentInstance.onSwipeForward);
             });
         });
+
+        describe('emulateTouch', () => {
+            it('should cancel click when swipe forward and backwards with emulated touch', () => {
+                renderDefaultComponent({
+                    emulateTouch: true,
+                });
+
+                let currentIndex = componentInstance.state.selectedItem;
+                const items = componentInstance.props.children;
+
+                componentInstance.onSwipeForward();
+                componentInstance.handleClickItem(currentIndex, items[currentIndex]);
+                ++currentIndex;
+
+                expect(componentInstance.state.selectedItem).toEqual(currentIndex);
+
+                componentInstance.onSwipeBackwards();
+                componentInstance.handleClickItem(currentIndex, items[currentIndex]);
+                --currentIndex;
+
+                expect(componentInstance.state.selectedItem).toEqual(currentIndex);
+            });
+        });
     });
 
     describe('center mode', () => {

src/components/Carousel.tsx

@@ -665,10 +665,18 @@ export default class Carousel extends React.Component<Props, State> {
 
     onSwipeForward = () => {
         this.increment(1, true);
+
+        if (this.props.emulateTouch) {
+            this.setState({ cancelClick: true });
+        }
     };
 
     onSwipeBackwards = () => {
         this.decrement(1, true);
+
+        if (this.props.emulateTouch) {
+            this.setState({ cancelClick: true });
+        }
     };
 
     changeItem = (newIndex: number) => (e: React.MouseEvent | React.KeyboardEvent) => {