import '@testing-library/jest-dom';
import renderer from 'react-test-renderer';
import React from 'react';

import {AppProviderComponent as AppProvider} from '../../../providers';
import {TimelineStepComponent as TimelineStep} from './timeline-step.component';

type TimeLineStatusType = 'Execution' | 'Setting' | 'Closing';

describe('Timeline Component', () => {
    it('Render without crash and correctly', () => {
        const tree = renderer.create(
            <AppProvider>
                <TimelineStep<TimeLineStatusType>
                    status='Execution'
                    steps={[
                        {
                            name: 'Setting',
                            startDate: '1402/02/01',
                        },
                        {
                            name: 'Execution',
                            startDate: '1402/04/01',
                        },
                        {
                            name: 'Closing',
                            startDate: '1402/11/01',
                            deadline: '1402/12/15',
                        },
                    ]}
                />
            </AppProvider>,
        );
        expect(tree).toMatchSnapshot();
    });
});