box-ui-elements-mlh/src/elements/content-sidebar/skills/timeline/__tests__/Timeslice.test.js

Box UI Elements

import * as React from 'react';
import { shallow } from 'enzyme';
import Timeslice from '../Timeslice';

describe('elements/content-sidebar/Skills/Timeline/Timeslice', () => {
    test('should correctly render the time slice with no end', () => {
        const props = {
            start: 10,
            duration: 100,
            interactionTarget: 'foobar',
        };

        const wrapper = shallow(<Timeslice {...props} />);
        expect(wrapper).toMatchSnapshot();
    });

    test('should correctly render the time slice with proper end', () => {
        const props = {
            start: 10,
            end: 20,
            duration: 100,
            interactionTarget: 'foobar',
        };

        const wrapper = shallow(<Timeslice {...props} />);
        expect(wrapper).toMatchSnapshot();
    });

    test('should correctly render the time slice by re adjusting start to fit in', () => {
        const props = {
            start: 99,
            end: 100,
            duration: 100,
            interactionTarget: 'foobar',
        };

        const wrapper = shallow(<Timeslice {...props} />);
        expect(wrapper).toMatchSnapshot();
    });
});