96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
|
import { describe, test, expect } from "vitest";
|
|||
|
|
import { effectScope } from "vue";
|
|||
|
|
import { useCalendar } from "../src/calendar";
|
|||
|
|
|
|||
|
|
describe("useCalendar", () => {
|
|||
|
|
test("默认值", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { value, show, text } = useCalendar({});
|
|||
|
|
expect(value.value).toBeNull();
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
expect(text.value).toBe("请选择");
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("单选模式：text 显示 value，无值时显示 placeholder", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { value, text } = useCalendar({ mode: "single", placeholder: "请选日期" });
|
|||
|
|
expect(text.value).toBe("请选日期");
|
|||
|
|
value.value = "2024-01-15";
|
|||
|
|
expect(text.value).toBe("2024-01-15");
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("多选模式：text 用 separator 拼接", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { value, text } = useCalendar({ mode: "multiple", separator: "-" });
|
|||
|
|
expect(text.value).toBe("请选择");
|
|||
|
|
value.value = ["2024-01-15", "2024-01-16"];
|
|||
|
|
expect(text.value).toBe("2024-01-15-2024-01-16");
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("showCalendar / hideCalendar", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { show, showCalendar, hideCalendar } = useCalendar({});
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
showCalendar();
|
|||
|
|
expect(show.value).toBe(true);
|
|||
|
|
hideCalendar();
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("handleConfirm 单选模式：设置 value 并关闭", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { value, show, handleConfirm } = useCalendar({ mode: "single" });
|
|||
|
|
show.value = true;
|
|||
|
|
handleConfirm(["2024-06-01", "2024-06-02"]);
|
|||
|
|
expect(value.value).toBe("2024-06-01");
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("handleConfirm 多选模式：设置 value 数组并关闭", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { value, show, handleConfirm } = useCalendar({ mode: "multiple" });
|
|||
|
|
show.value = true;
|
|||
|
|
handleConfirm(["2024-06-01", "2024-06-02"]);
|
|||
|
|
expect(value.value).toEqual(["2024-06-01", "2024-06-02"]);
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("handleClose 关闭弹窗", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { show, handleClose } = useCalendar({});
|
|||
|
|
show.value = true;
|
|||
|
|
handleClose();
|
|||
|
|
expect(show.value).toBe(false);
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("接受初始 value", () => {
|
|||
|
|
const scope = effectScope();
|
|||
|
|
scope.run(() => {
|
|||
|
|
const { text } = useCalendar({ value: "2024-03-10", mode: "single" });
|
|||
|
|
expect(text.value).toBe("2024-03-10");
|
|||
|
|
});
|
|||
|
|
scope.stop();
|
|||
|
|
});
|
|||
|
|
});
|