import { getLocalVue } from "@tests/vitest/helpers";
import { mount } from "@vue/test-utils";
import { describe, expect, it } from "vitest";

import GDateTime from "./GDateTime.vue";

const localVue = getLocalVue(true);

async function mountGDateTime(props: object) {
    const wrapper = mount(GDateTime as object, {
        propsData: {
            ...props,
        },
        localVue,
    });

    return wrapper;
}

describe("GDateTime.vue", () => {
    it("emits updated date when input changes", async () => {
        const wrapper = await mountGDateTime({
            value: new Date("1970-01-01T00:00:00"),
        });

        const dateInput = wrapper.find('input[type="date"]');
        await dateInput.setValue("2023-08-30");

        expect(wrapper.emitted()).toHaveProperty("input");
        expect(wrapper.emitted()?.["input"]?.[0]?.[0]).toEqual(new Date("2023-08-30T00:00:00"));
    });

    it("emits updated time when input changes", async () => {
        const wrapper = await mountGDateTime({
            value: new Date("1970-01-01T00:00:00"),
        });

        const timeInput = wrapper.find('input[type="time"]');
        await timeInput.setValue("12:30");

        expect(wrapper.emitted()).toHaveProperty("input");
        expect(wrapper.emitted()?.["input"]?.[0]?.[0]).toEqual(new Date("1970-01-01T12:30:00"));
    });
});