added tests for beforeChange and afterChange

Author: akiran

__tests__/afterChange.test.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import {mount} from 'enzyme';
+import Slider from '../src/index';
+
+class SliderWithBeforeChange extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      currentSlide: null,
+    }
+    this.afterChange = this.afterChange.bind(this)
+  }
+  afterChange(currentSlide) {
+    console.log(currentSlide, 'afterChange')
+    this.setState({
+      currentSlide,
+    })
+  }
+  render() {
+    return (
+      <Slider afterChange={this.afterChange}>
+        <div>slide1</div>
+        <div>slide2</div>
+        <div>slide3</div>
+        <div>slide4</div>
+      </Slider>
+    )
+  }
+}
+
+describe('After change Slider', function() {
+  it('should render', function() {
+    const wrapper = mount(<SliderWithBeforeChange />);
+    wrapper.find('.slick-next').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
+    expect(wrapper.state()).toEqual({currentSlide: 1})
+    wrapper.find('.slick-next').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide3');
+    expect(wrapper.state()).toEqual({currentSlide: 2})
+    wrapper.find('.slick-prev').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
+    expect(wrapper.state()).toEqual({currentSlide: 1})
+  });
+});

__tests__/beforeChange.test.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import {mount} from 'enzyme';
+import Slider from '../src/index';
+
+class SliderWithBeforeChange extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      currentSlide: null,
+      nextSlide: null
+    }
+    this.beforeChange = this.beforeChange.bind(this)
+  }
+  beforeChange(currentSlide, nextSlide) {
+    this.setState({
+      currentSlide,
+      nextSlide
+    })
+  }
+  render() {
+    return (
+      <Slider waitForAnimate={false} beforeChange={this.beforeChange}>
+        <div>slide1</div>
+        <div>slide2</div>
+        <div>slide3</div>
+        <div>slide4</div>
+      </Slider>
+    )
+  }
+}
+
+describe('Slider', function() {
+  it('should render', function() {
+    const wrapper = mount(<SliderWithBeforeChange />);
+    wrapper.find('.slick-next').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
+    expect(wrapper.state()).toEqual({currentSlide: 0, nextSlide: 1})
+    wrapper.find('.slick-next').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide3');
+    expect(wrapper.state()).toEqual({currentSlide: 1, nextSlide: 2})
+    wrapper.find('.slick-prev').simulate('click')
+    expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
+    expect(wrapper.state()).toEqual({currentSlide: 2, nextSlide: 1})
+  });
+});