feat(RTL): Update to new carousel classes

Author: kyletsang

src/Carousel.tsx

@@ -46,8 +46,8 @@ export interface CarouselProps
   activeIndex?: number;
   onSelect?: (eventKey: number, event: Record<string, unknown> | null) => void;
   defaultActiveIndex?: number;
-  onSlide?: (eventKey: number, direction: 'left' | 'right') => void;
-  onSlid?: (eventKey: number, direction: 'left' | 'right') => void;
+  onSlide?: (eventKey: number, direction: 'start' | 'end') => void;
+  onSlid?: (eventKey: number, direction: 'start' | 'end') => void;
   interval?: number | null;
   keyboard?: boolean;
   pause?: 'hover' | false;
@@ -352,7 +352,7 @@ function CarouselFunc(uncontrolledProps: CarouselProps, ref) {
     }
   });
 
-  const slideDirection = direction === 'next' ? 'left' : 'right';
+  const slideDirection = direction === 'next' ? 'start' : 'end';
 
   useUpdateEffect(() => {
     if (slide) {

test/CarouselSpec.js

@@ -108,7 +108,7 @@ describe('<Carousel>', () => {
     it(`should call ${eventName} with previous index and direction`, (done) => {
       function onEvent(index, direction) {
         expect(index).to.equal(0);
-        expect(direction).to.equal('right');
+        expect(direction).to.equal('end');
 
         done();
       }
@@ -130,7 +130,7 @@ describe('<Carousel>', () => {
       function onEvent(index, direction) {
         const lastPossibleIndex = items.length - 1;
         expect(index).to.equal(lastPossibleIndex);
-        expect(direction).to.equal('left');
+        expect(direction).to.equal('start');
 
         done();
       }