box-ui-elements-mlh/src/components/slide-carousel/__tests__/SlideCarouselPrimitive.test.js

Box UI Elements

import React from 'react';
import range from 'lodash/range';

import CarouselHeader from '../CarouselHeader';
import Slide from '../Slide';
import SlideCarouselPrimitive from '../SlideCarouselPrimitive';
import SlideNavigator from '../SlideNavigator';

const getSlides = numSlides => range(numSlides).map(i => shallow(<Slide>`Slide ${i}`</Slide>));

describe('components/slide-carousel/SlideCarouselPrimitive', () => {
    const defaultProps = {
        children: getSlides(5),
        selectedIndex: 1,
    };

    const getWrapper = props => shallow(<SlideCarouselPrimitive {...defaultProps} {...props} />);

    test('should add the given class to the containing div', () => {
        expect(
            getWrapper({ className: 'someClass' })
                .first()
                .hasClass('someClass'),
        ).toBe(true);
    });

    test('should render a CarouselHeader with a given title', () => {
        const testTitle = 'Carousel Title';
        const wrapper = getWrapper({ title: testTitle });
        expect(wrapper.find(CarouselHeader).prop('title')).toBe(testTitle);
    });

    test('should not render a CarouselHeader when no title is given', () => {
        const wrapper = getWrapper({ title: '' });
        expect(wrapper.find(CarouselHeader).length).toBe(0);
    });

    test('should pass 0 as numOptions to navigator when childless', () => {
        const wrapper = getWrapper({ children: getSlides(0) });
        expect(wrapper.find(SlideNavigator).prop('numOptions')).toBe(0);
    });

    test('should pass number of children to navigator', () => {
        const wrapper = getWrapper({ children: getSlides(4) });
        expect(wrapper.find(SlideNavigator).prop('numOptions')).toBe(4);
    });
});