import { render } from '@testing-library/react';
import dayjs from 'dayjs';
import TimezoneBreakdown from '../timezone-breakdown';
import type { TimezoneBreakdownProps } from '../timezone-breakdown';

describe('<TimezoneBreakdown>', () => {
    const date = dayjs('2021-01-01T00:00:00Z').toDate();
    const timezones = [
        { iana: 'America/Los_Angeles', offset: -8, abbreviation: 'PT' },
        { iana: 'America/New_York', offset: -5, abbreviation: 'ET' },
        { iana: 'Australia/Sydney', offset: 10, abbreviation: 'AET' },
    ];

    const defaultProps: TimezoneBreakdownProps = {
        timezones,
        date,
    };

    const renderWrapper = (props: Partial<TimezoneBreakdownProps> = {}) =>
        render(<TimezoneBreakdown {...defaultProps} {...props} />);

    test('matches snapshot', () => {
        const { container } = renderWrapper();
        expect(container).toMatchSnapshot();
    });
});