import { mount, RefSelector, Wrapper } from '@vue/test-utils';
import Vue from 'vue';
import { addMessages } from '../../../../../tests/helpers/lang';
import ModulDate from '../../../../utils/modul-date/modul-date';
import uuid from '../../../../utils/uuid/uuid';
import { Calendar, CalendarEvent } from '../../calendar-state/state/calendar-state';
import MBaseCalendar, { MBaseCalendarView } from './base-calendar';

jest.mock('../../../../utils/uuid/uuid');
(uuid.generate as jest.Mock).mockReturnValue('uuid');

const MIN_YEAR: number = 2015;
const MAX_YEAR: number = 2023;
const CURRENT_YEAR: number = 2019;
const CURRENT_MONTH_INDEX: number = 0;
const CURRENT_MONTH_LENGTH: number = 31;
const DAY_OFFSET: number = 28;

const CURRENT_DAY: number = 15;
const FOCUSED_DAY: number = 12;
const HIGHLIGHTED_DAYS: number[] = [20, 21, 22, 23];
const SELECTED_DAY: number = 18;
const DISABLED_DAY: number = 28;

const CURRENT_DATE_REF: RefSelector = { ref: 'currentDate' };
const NEXT_MONTH_REF: RefSelector = { ref: 'nextMonth' };

const padString: Function = (value: any): string => {
    return ('000' + value).slice(-2);
};

const SELECTABLE_DAY_REF: RefSelector = { ref: `${MBaseCalendarView.DAYS}-${CURRENT_YEAR}-${padString(CURRENT_MONTH_INDEX + 1)}-${padString(CURRENT_DAY)}` };
const SELECTABLE_YEAR_MONTH_REF: RefSelector = { ref: `${MBaseCalendarView.YEARS_MONTHS}-${CURRENT_YEAR}-${padString(CURRENT_MONTH_INDEX + 1)}` };

let wrapper: Wrapper<MBaseCalendar>;
let calendar: Calendar;
let initialView: any;
let showMonthBeforeAfter: any;
let monthsNames: any;
let monthsNamesLong: any;
let daysNames: any;

const initializeWrapper: Function = (): void => {
    wrapper = mount(MBaseCalendar, {
        localVue: Vue,
        propsData: {
            calendar, initialView, showMonthBeforeAfter, monthsNames, monthsNamesLong, daysNames
        }
    });
};

const range: Function = (start, end): number[] => {
    const length: number = end - start + 1;
    return Array.from({ length }, (_, i) => start + i);
};

const initCalendar: Function = (): Calendar => {
    let currentMonthOffset: number = -1;

    return {
        dates: {
            min: new ModulDate(`${MIN_YEAR}-01-15`),
            current: new ModulDate('2019-01-15'),
            max: new ModulDate(`${MAX_YEAR}-01-15`)
        },
        years: range(MIN_YEAR, MAX_YEAR).map((year: number) => {
            return {
                year: year,
                isCurrent: year === CURRENT_YEAR
            };
        }),
        months: range(0, 11).map((month: number) => {
            return {
                month: month,
                isDisabled: false,
                isCurrent: month === CURRENT_MONTH_INDEX
            };
        }),
        yearsMonths: [{ 'year': { 'year': 2009, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': true }, { 'month': 1, 'isCurrent': false, 'isDisabled': true }, { 'month': 2, 'isCurrent': false, 'isDisabled': true }, { 'month': 3, 'isCurrent': false, 'isDisabled': true }, { 'month': 4, 'isCurrent': false, 'isDisabled': true }, { 'month': 5, 'isCurrent': false, 'isDisabled': true }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2010, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2011, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2012, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2013, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2014, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2015, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2016, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2017, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2018, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2019, 'isCurrent': true }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': true, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2020, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2021, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2022, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2023, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2024, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2025, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2026, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2027, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2028, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': false }, { 'month': 8, 'isCurrent': false, 'isDisabled': false }, { 'month': 9, 'isCurrent': false, 'isDisabled': false }, { 'month': 10, 'isCurrent': false, 'isDisabled': false }, { 'month': 11, 'isCurrent': false, 'isDisabled': false }] }, { 'year': { 'year': 2029, 'isCurrent': false }, 'months': [{ 'month': 0, 'isCurrent': false, 'isDisabled': false }, { 'month': 1, 'isCurrent': false, 'isDisabled': false }, { 'month': 2, 'isCurrent': false, 'isDisabled': false }, { 'month': 3, 'isCurrent': false, 'isDisabled': false }, { 'month': 4, 'isCurrent': false, 'isDisabled': false }, { 'month': 5, 'isCurrent': false, 'isDisabled': false }, { 'month': 6, 'isCurrent': false, 'isDisabled': false }, { 'month': 7, 'isCurrent': false, 'isDisabled': true }, { 'month': 8, 'isCurrent': false, 'isDisabled': true }, { 'month': 9, 'isCurrent': false, 'isDisabled': true }, { 'month': 10, 'isCurrent': false, 'isDisabled': true }, { 'month': 11, 'isCurrent': false, 'isDisabled': true }] }],
        days: range(1, 35).map((day: number) => {
            const currentDay: number = ((day + DAY_OFFSET) % CURRENT_MONTH_LENGTH) + 1;

            let currentMonth: number = CURRENT_MONTH_INDEX + currentMonthOffset;
            let currentYear: number = CURRENT_YEAR;
            if (currentMonth < 0) {
                currentMonth = 11;
                currentYear -= 1;
            } else if (currentMonth > 11) {
                currentMonth = 0;
                currentYear += 1;
            }

            if (currentDay === 31) {
                currentMonthOffset += 1;
            }

            return {
                day: currentDay,
                month: currentMonth,
                year: currentYear,
                isDisabled: day === DISABLED_DAY,
                isToday: day === CURRENT_DAY,
                isSelected: day === SELECTED_DAY,
                isInPreviousMonth: currentMonthOffset < 0,
                isInNextMonth: currentMonthOffset > 0,
                isHighlighted: HIGHLIGHTED_DAYS.filter((hiDay: number) => hiDay === day).length > 0,
                hasFocus: day === FOCUSED_DAY
            };
        })
    };
};

describe('Base calendar', () => {
    beforeAll(() => {
        addMessages(Vue, [
            'components/calendar/calendar.lang.en.json'
        ]);
    });

    beforeEach(() => {
        calendar = initCalendar();
    });

    it('validate initial calendar', () => {
        expect(calendar.days.length % 7).toBe(0);
        expect(calendar.days.length).toBeGreaterThanOrEqual(7);
        expect(calendar.months).toHaveLength(12);
        expect(calendar.years).toHaveLength(MAX_YEAR - MIN_YEAR + 1);
    });

    describe(`in days view`, () => {
        beforeEach(() => {
            initialView = MBaseCalendarView.DAYS;
        });
        describe(`event handling`, () => {

            beforeEach(() => {
                initializeWrapper();
            });

            describe(`when selecting a day`, () => {
                it(`will call event handler`, () => {
                    wrapper.setMethods({ 'onDaySelect': jest.fn() });
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('click', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.vm.onDaySelect).toHaveBeenCalledTimes(1);
                });

                it(`will throw related calendar event`, () => {
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('click', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.emitted(CalendarEvent.DAY_SELECT)).toEqual([[calendar.days[CURRENT_DAY + 1]]]);
                });
            });

            describe(`when a mouse enter a day`, () => {
                it(`will call event handler`, () => {
                    wrapper.setMethods({ 'onDayMouseEnter': jest.fn() });
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('mouseenter', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.vm.onDayMouseEnter).toHaveBeenCalledTimes(1);
                });

                it(`will throw related calendar event`, () => {
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('mouseenter', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.emitted(CalendarEvent.DAY_MOUSE_ENTER)).toEqual([[calendar.days[CURRENT_DAY + 1]]]);
                });

            });

            describe(`when a mouse leave a day`, () => {
                it(`will call event handler`, () => {
                    wrapper.setMethods({ 'onDayMouseLeave': jest.fn() });
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('mouseleave', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.vm.onDayMouseLeave).toHaveBeenCalledTimes(1);
                });

                it(`will throw related calendar event`, () => {
                    const dayElement: Wrapper<Vue> = wrapper.find(SELECTABLE_DAY_REF);

                    dayElement.trigger('mouseleave', calendar.days[CURRENT_DAY + 1]);

                    expect(wrapper.emitted(CalendarEvent.DAY_MOUSE_LEAVE)).toEqual([[calendar.days[CURRENT_DAY + 1]]]);
                });
            });

            describe('when changing month', () => {
                describe('to next month', () => {
                    it(`will call event handler`, () => {
                        wrapper.setMethods({ 'onMonthNext': jest.fn() });
                        const nextMonthElement: Wrapper<Vue> = wrapper.find(NEXT_MONTH_REF);

                        nextMonthElement.trigger('click');

                        expect(wrapper.vm.onMonthNext).toHaveBeenCalledTimes(1);
                    });

                    it(`will throw related calendar event`, () => {
                        const nextMonthElement: Wrapper<Vue> = wrapper.find(NEXT_MONTH_REF);

                        nextMonthElement.trigger('click');

                        expect(wrapper.vm.onMonthPrevious).toBeDefined();
                    });
                });
            });

            describe('when changing picker mode', () => {
                describe('to year', () => {
                    it(`will call event handler`, () => {
                        wrapper.setMethods({ 'onToogleView': jest.fn() });
                        const yearElement: Wrapper<Vue> = wrapper.find(CURRENT_DATE_REF);

                        yearElement.trigger('click');

                        expect(wrapper.vm.onToogleView).toHaveBeenCalledTimes(1);
                    });

                    it(`will switch picker mode to year`, () => {
                        const yearElement: Wrapper<Vue> = wrapper.find(CURRENT_DATE_REF);

                        yearElement.trigger('click');

                        expect(wrapper.vm.isDaysView).toBe(false);
                        expect(wrapper.vm.isYearsMonthsView).toBe(true);
                    });
                });
            });
        });
    });
});

describe(`in years-months view`, () => {
    beforeAll(() => {
        initialView = MBaseCalendarView.YEARS_MONTHS;
        calendar = initCalendar();
    });

    describe(`when selecting a month`, () => {
        beforeEach(() => {
            initializeWrapper();
        });

        it(`will call event handler`, () => {
            wrapper.setMethods({ 'onYearMonthSelect': jest.fn() });
            const monthElement: Wrapper<Vue> = wrapper.find(SELECTABLE_YEAR_MONTH_REF);
            monthElement.trigger('click', calendar.months[CURRENT_MONTH_INDEX]);
            expect(wrapper.vm.onYearMonthSelect).toHaveBeenCalledTimes(1);
        });

        it(`will throw related calendar event`, () => {
            const monthElement: Wrapper<Vue> = wrapper.find(SELECTABLE_YEAR_MONTH_REF);

            monthElement.trigger('click', calendar.months[CURRENT_MONTH_INDEX]);

            expect(wrapper.emitted(CalendarEvent.MONTH_SELECT)).toEqual([[calendar.months[CURRENT_MONTH_INDEX]]]);
        });

        it(`will switch picker mode to day`, async (done) => {
            const monthElement: Wrapper<Vue> = wrapper.find(SELECTABLE_YEAR_MONTH_REF);

            monthElement.trigger('click', calendar.months[CURRENT_MONTH_INDEX]);
            setTimeout(() => {
                expect(wrapper.vm.isYearsMonthsView).toBe(false);
                expect(wrapper.vm.isDaysView).toBe(true);
                done();
            }, 300);
        });
    });
});