fix the afterChange-test

SarahAlAshwal · SarahAlAshwal · commit 4c1f1ddf5b92 · 2021-01-09T20:09:44.000-05:00
diff --git a/__tests__/afterChange.test.js b/__tests__/afterChange.test.js
@@ -10,6 +10,7 @@ class SliderWithBeforeChange extends React.Component {
     };
     this.afterChange = this.afterChange.bind(this);
   }
+
   afterChange(currentSlide) {
     console.log(currentSlide, "afterChange");
     this.setState({
@@ -33,16 +34,34 @@ describe("After change Slider", function() {
     const wrapper = mount(<SliderWithBeforeChange />);
     expect(wrapper.state()).toEqual({ currentSlide: null });
     wrapper.find(".slick-next").simulate("click");
-
-    //TBD . fix this test
-
-    // 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})
+    setTimeout(() => {
+      expect(
+        wrapper
+          .find(".slick-slide.slick-active")
+          .first()
+          .text()
+      ).toEqual("slide2");
+      expect(wrapper.state()).toEqual({ currentSlide: 1 });
+    }, 1);
+    wrapper.find(".slick-next").simulate("click");
+    setTimeout(() => {
+      expect(
+        wrapper
+          .find(".slick-slide.slick-active")
+          .first()
+          .text()
+      ).toEqual("slide3");
+      expect(wrapper.state()).toEqual({ currentSlide: 2 });
+    }, 1);
+    wrapper.find(".slick-prev").simulate("click");
+    setTimeout(() => {
+      expect(
+        wrapper
+          .find(".slick-slide.slick-active")
+          .first()
+          .text()
+      ).toEqual("slide2");
+      expect(wrapper.state()).toEqual({ currentSlide: 1 });
+    }, 1);
   });
 });
