@@ -10,6 +10,7 @@ class SliderWithBeforeChange extends React.Component {
1010 } ;
1111 this . afterChange = this . afterChange . bind ( this ) ;
1212 }
13+
1314 afterChange ( currentSlide ) {
1415 console . log ( currentSlide , "afterChange" ) ;
1516 this . setState ( {
@@ -33,16 +34,34 @@ describe("After change Slider", function() {
3334 const wrapper = mount ( < SliderWithBeforeChange /> ) ;
3435 expect ( wrapper . state ( ) ) . toEqual ( { currentSlide : null } ) ;
3536 wrapper . find ( ".slick-next" ) . simulate ( "click" ) ;
36-
37- //TBD . fix this test
38-
39- // expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
40- // expect(wrapper.state()).toEqual({currentSlide: 1})
41- // wrapper.find('.slick-next').simulate('click')
42- // expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide3');
43- // expect(wrapper.state()).toEqual({currentSlide: 2})
44- // wrapper.find('.slick-prev').simulate('click')
45- // expect(wrapper.find('.slick-slide.slick-active').first().text()).toEqual('slide2');
46- // expect(wrapper.state()).toEqual({currentSlide: 1})
37+ setTimeout ( ( ) => {
38+ expect (
39+ wrapper
40+ . find ( ".slick-slide.slick-active" )
41+ . first ( )
42+ . text ( )
43+ ) . toEqual ( "slide2" ) ;
44+ expect ( wrapper . state ( ) ) . toEqual ( { currentSlide : 1 } ) ;
45+ } , 1 ) ;
46+ wrapper . find ( ".slick-next" ) . simulate ( "click" ) ;
47+ setTimeout ( ( ) => {
48+ expect (
49+ wrapper
50+ . find ( ".slick-slide.slick-active" )
51+ . first ( )
52+ . text ( )
53+ ) . toEqual ( "slide3" ) ;
54+ expect ( wrapper . state ( ) ) . toEqual ( { currentSlide : 2 } ) ;
55+ } , 1 ) ;
56+ wrapper . find ( ".slick-prev" ) . simulate ( "click" ) ;
57+ setTimeout ( ( ) => {
58+ expect (
59+ wrapper
60+ . find ( ".slick-slide.slick-active" )
61+ . first ( )
62+ . text ( )
63+ ) . toEqual ( "slide2" ) ;
64+ expect ( wrapper . state ( ) ) . toEqual ( { currentSlide : 1 } ) ;
65+ } , 1 ) ;
4766 } ) ;
4867} ) ;
0 commit comments