import { RefSelector, shallowMount, Wrapper } from '@vue/test-utils';
import { DATEPICKER_NAME, PERIODPICKER_NAME } from '../component-names';
import { DatePickerSupportedTypes } from '../datepicker/datepicker';
import { MDateRange, MPeriodpickerProps } from '../periodpicker/periodpicker';
import { MDaterangepicker } from './daterangepicker';

const PERIODPICKER_REF: RefSelector = { ref: 'periodpicker' };

let wrapper: Wrapper<MDaterangepicker>;

export class MPeriodpickerPropsStub implements MPeriodpickerProps {
    constructor(public value: MDateRange = new MDateRange(),
        public min: DatePickerSupportedTypes = undefined,
        public max: DatePickerSupportedTypes = undefined,
        public convertToIso: boolean = false) { }
}

const initializeWrapper: () => Wrapper<MDaterangepicker> = () => {
    wrapper = shallowMount(MDaterangepicker, {
        stubs: {
            [DATEPICKER_NAME]: true,
            [PERIODPICKER_NAME]: {
                template: `
                <${PERIODPICKER_NAME}-stub>
                    <slot name="first"></slot>
                    <slot name="second"></slot>
                </${PERIODPICKER_NAME}-stub>`,
                props: Object.keys(new MPeriodpickerPropsStub())
            }
        }
    });

    return wrapper;
};

beforeEach(() => {
    wrapper = undefined as any;
});

describe(`m-daterangepicker`, () => {

    describe(`considering all periodpicker props are present`, () => {
        const periodpickerProps: MPeriodpickerProps = new MPeriodpickerPropsStub(new MDateRange(new Date(), new Date()), 'minProp', 'maxProp');

        it(`should pass down its props to the periodpicker`, () => {
            initializeWrapper();
            wrapper.setProps(periodpickerProps);

            expect(wrapper.find(PERIODPICKER_REF).props()).toEqual(periodpickerProps);
        });
    });



    it(`should emit input event when periodpicker value is updated`, () => {
        const newValue: string = 'newValue';

        initializeWrapper();
        wrapper.find(PERIODPICKER_REF).vm.$emit('input', newValue);

        expect(wrapper.emitted('input')[0][0]).toBe(newValue);
    });
});