@yh-ui/components 0.1.21 → 0.1.22

package/dist/time-select/__tests__/time-select.test.cjs

@@ -1,390 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _timeSelect = _interopRequireDefault(require("../src/time-select.vue"));
-var _timeSelect2 = require("../src/time-select.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("@yh-ui/hooks", async () => {
-  const actual = await _vitest.vi.importActual("@yh-ui/hooks");
-  return {
-    ...actual,
-    useNamespace: name => ({
-      b: modifier => modifier ? `yh-${name}--${modifier}` : `yh-${name}`,
-      e: element => `yh-${name}__${element}`,
-      m: modifier => `yh-${name}--${modifier}`,
-      is: (state, val) => val !== false ? `is-${state}` : ""
-    }),
-    useFormItem: () => ({
-      form: null,
-      formItem: null,
-      validate: _vitest.vi.fn()
-    }),
-    useId: () => "test-id",
-    useLocale: () => ({
-      t: key => key
-    }),
-    useConfig: () => ({
-      globalSize: "default"
-    }),
-    useZIndex: () => ({
-      currentZIndex: 2e3,
-      nextZIndex: () => 2e3
-    })
-  };
-});
-(0, _vitest.describe)("TimeSelect \u5DE5\u5177\u51FD\u6570\u6D4B\u8BD5", () => {
-  (0, _vitest.describe)("parseTimeToMinutes", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u89E3\u6790 HH:mm \u683C\u5F0F", () => {
-      (0, _vitest.expect)((0, _timeSelect2.parseTimeToMinutes)("09:00")).toBe(9 * 60);
-      (0, _vitest.expect)((0, _timeSelect2.parseTimeToMinutes)("12:30")).toBe(12 * 60 + 30);
-      (0, _vitest.expect)((0, _timeSelect2.parseTimeToMinutes)("23:59")).toBe(23 * 60 + 59);
-    });
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u89E3\u6790 00:00", () => {
-      (0, _vitest.expect)((0, _timeSelect2.parseTimeToMinutes)("00:00")).toBe(0);
-    });
-    (0, _vitest.it)("\u5E94\u5904\u7406\u7A7A\u5B57\u7B26\u4E32", () => {
-      (0, _vitest.expect)((0, _timeSelect2.parseTimeToMinutes)("")).toBe(0);
-    });
-  });
-  (0, _vitest.describe)("formatMinutesToTime", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u683C\u5F0F\u5316\u4E3A HH:mm", () => {
-      (0, _vitest.expect)((0, _timeSelect2.formatMinutesToTime)(9 * 60)).toBe("09:00");
-      (0, _vitest.expect)((0, _timeSelect2.formatMinutesToTime)(12 * 60 + 30)).toBe("12:30");
-      (0, _vitest.expect)((0, _timeSelect2.formatMinutesToTime)(0)).toBe("00:00");
-    });
-    (0, _vitest.it)("\u5E94\u652F\u6301\u81EA\u5B9A\u4E49\u683C\u5F0F", () => {
-      (0, _vitest.expect)((0, _timeSelect2.formatMinutesToTime)(9 * 60, "H:mm")).toBe("9:00");
-      (0, _vitest.expect)((0, _timeSelect2.formatMinutesToTime)(12 * 60 + 5, "HH:m")).toBe("12:5");
-    });
-  });
-  (0, _vitest.describe)("compareTime", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u6BD4\u8F83\u65F6\u95F4", () => {
-      (0, _vitest.expect)((0, _timeSelect2.compareTime)("09:00", "10:00")).toBe(-1);
-      (0, _vitest.expect)((0, _timeSelect2.compareTime)("10:00", "09:00")).toBe(1);
-      (0, _vitest.expect)((0, _timeSelect2.compareTime)("09:00", "09:00")).toBe(0);
-    });
-  });
-  (0, _vitest.describe)("isTimeInRange", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u5224\u65AD\u65F6\u95F4\u662F\u5426\u5728\u8303\u56F4\u5185", () => {
-      (0, _vitest.expect)((0, _timeSelect2.isTimeInRange)("10:00", "09:00", "11:00")).toBe(true);
-      (0, _vitest.expect)((0, _timeSelect2.isTimeInRange)("09:00", "09:00", "11:00")).toBe(true);
-      (0, _vitest.expect)((0, _timeSelect2.isTimeInRange)("11:00", "09:00", "11:00")).toBe(true);
-      (0, _vitest.expect)((0, _timeSelect2.isTimeInRange)("08:00", "09:00", "11:00")).toBe(false);
-      (0, _vitest.expect)((0, _timeSelect2.isTimeInRange)("12:00", "09:00", "11:00")).toBe(false);
-    });
-  });
-  (0, _vitest.describe)("generateTimeOptions", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u751F\u6210\u65F6\u95F4\u9009\u9879", () => {
-      const options = (0, _timeSelect2.generateTimeOptions)("09:00", "11:00", "00:30");
-      (0, _vitest.expect)(options.length).toBe(5);
-      (0, _vitest.expect)(options[0].value).toBe("09:00");
-      (0, _vitest.expect)(options[1].value).toBe("09:30");
-      (0, _vitest.expect)(options[2].value).toBe("10:00");
-      (0, _vitest.expect)(options[3].value).toBe("10:30");
-      (0, _vitest.expect)(options[4].value).toBe("11:00");
-    });
-    (0, _vitest.it)("includeEnd \u53C2\u6570\u5728\u6B64\u7248\u672C\u4E2D\u4E0D\u518D\u5F71\u54CD\u7ED3\u679C\uFF08\u59CB\u7EC8\u5305\u542B\uFF09", () => {
-      const options = (0, _timeSelect2.generateTimeOptions)("09:00", "10:00", "00:30", "HH:mm", false);
-      (0, _vitest.expect)(options.length).toBe(3);
-      (0, _vitest.expect)(options[2].value).toBe("10:00");
-    });
-    (0, _vitest.it)("\u5E94\u5904\u7406\u65E0\u6548\u7684 step", () => {
-      const options = (0, _timeSelect2.generateTimeOptions)("09:00", "10:00", "00:00");
-      (0, _vitest.expect)(options.length).toBe(0);
-    });
-  });
-});
-(0, _vitest.describe)("TimeSelect \u7EC4\u4EF6\u6D4B\u8BD5", () => {
-  let wrapper;
-  (0, _vitest.beforeEach)(() => {
-    document.body.innerHTML = "";
-  });
-  (0, _vitest.afterEach)(() => {
-    if (wrapper) {
-      wrapper.unmount();
-    }
-  });
-  (0, _vitest.describe)("\u57FA\u7840\u6E32\u67D3", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u6E32\u67D3\u7EC4\u4EF6", () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default);
-      (0, _vitest.expect)(wrapper.classes()).toContain("yh-time-select");
-    });
-    (0, _vitest.it)("\u5E94\u663E\u793A\u5360\u4F4D\u6587\u672C", () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
-        }
-      });
-      const input = wrapper.find("input");
-      (0, _vitest.expect)(input.attributes("placeholder")).toBe("\u8BF7\u9009\u62E9\u65F6\u95F4");
-    });
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u663E\u793A\u9009\u4E2D\u503C", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          modelValue: "09:00",
-          start: "08:00",
-          end: "12:00",
-          step: "00:30"
-        }
-      });
-      await (0, _vue.nextTick)();
-      const displayValue = wrapper.find(".yh-time-select__display-value");
-      (0, _vitest.expect)(displayValue.exists()).toBe(true);
-      (0, _vitest.expect)(displayValue.text()).toBe("09:00");
-    });
-  });
-  (0, _vitest.describe)("\u5C3A\u5BF8\u53D8\u4F53", () => {
-    _vitest.it.each(["large", "default", "small"])("\u5E94\u652F\u6301 %s \u5C3A\u5BF8", size => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          size
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain(`yh-time-select--${size}`);
-    });
-  });
-  (0, _vitest.describe)("\u7981\u7528\u72B6\u6001", () => {
-    (0, _vitest.it)("\u5E94\u6B63\u786E\u5E94\u7528\u7981\u7528\u72B6\u6001", () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          disabled: true
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-      const input = wrapper.find("input");
-      (0, _vitest.expect)(input.attributes("disabled")).toBeDefined();
-    });
-    (0, _vitest.it)("\u7981\u7528\u72B6\u6001\u4E0B\u4E0D\u5E94\u6253\u5F00\u4E0B\u62C9\u6846", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          disabled: true,
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      (0, _vitest.expect)(wrapper.emitted("visible-change")).toBeUndefined();
-    });
-  });
-  (0, _vitest.describe)("\u53EF\u6E05\u7A7A\u529F\u80FD", () => {
-    (0, _vitest.it)("\u5E94\u663E\u793A\u6E05\u7A7A\u6309\u94AE", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          modelValue: "09:00",
-          clearable: true
-        }
-      });
-      await wrapper.trigger("mouseenter");
-      await (0, _vue.nextTick)();
-      const clearBtn = wrapper.find(".yh-time-select__clear");
-      (0, _vitest.expect)(clearBtn.exists()).toBe(true);
-    });
-    (0, _vitest.it)("\u70B9\u51FB\u6E05\u7A7A\u6309\u94AE\u5E94\u6E05\u9664\u503C", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          modelValue: "09:00",
-          clearable: true
-        }
-      });
-      await wrapper.trigger("mouseenter");
-      await (0, _vue.nextTick)();
-      const clearBtn = wrapper.find(".yh-time-select__clear");
-      await clearBtn.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([void 0]);
-      (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-    });
-  });
-  (0, _vitest.describe)("\u4E0B\u62C9\u6846\u4EA4\u4E92", () => {
-    (0, _vitest.it)("\u70B9\u51FB\u5E94\u6253\u5F00\u4E0B\u62C9\u6846", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      (0, _vitest.expect)(wrapper.emitted("visible-change")?.[0]).toEqual([true]);
-    });
-    (0, _vitest.it)("\u5E94\u751F\u6210\u6B63\u786E\u7684\u65F6\u95F4\u9009\u9879", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "09:00",
-          end: "12:00",
-          step: "01:00",
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options.length).toBe(4);
-    });
-  });
-  (0, _vitest.describe)("\u952E\u76D8\u5BFC\u822A", () => {
-    (0, _vitest.it)("\u6309\u4E0B\u56DE\u8F66\u952E\u5E94\u6253\u5F00\u4E0B\u62C9\u6846", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          teleported: false
-        }
-      });
-      const input = wrapper.find("input");
-      await input.trigger("keydown", {
-        key: "Enter"
-      });
-      await (0, _vue.nextTick)();
-      (0, _vitest.expect)(wrapper.emitted("visible-change")?.[0]).toEqual([true]);
-    });
-    (0, _vitest.it)("\u6309\u4E0B Escape \u952E\u5E94\u5173\u95ED\u4E0B\u62C9\u6846", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const input = wrapper.find("input");
-      await input.trigger("keydown", {
-        key: "Escape"
-      });
-      await (0, _vue.nextTick)();
-      const events = wrapper.emitted("visible-change");
-      (0, _vitest.expect)(events?.length).toBeGreaterThanOrEqual(1);
-    });
-  });
-  (0, _vitest.describe)("\u4E8B\u4EF6\u89E6\u53D1", () => {
-    (0, _vitest.it)("\u9009\u62E9\u9009\u9879\u5E94\u89E6\u53D1 change \u4E8B\u4EF6", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "09:00",
-          end: "12:00",
-          step: "01:00",
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      await options[0].trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("change")?.[0]).toEqual(["09:00"]);
-      (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual(["09:00"]);
-    });
-    (0, _vitest.it)("\u5E94\u89E6\u53D1 focus \u548C blur \u4E8B\u4EF6", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default);
-      const input = wrapper.find("input");
-      await input.trigger("focus");
-      (0, _vitest.expect)(wrapper.emitted("focus")).toBeTruthy();
-      await input.trigger("blur");
-      (0, _vitest.expect)(wrapper.emitted("blur")).toBeTruthy();
-    });
-  });
-  (0, _vitest.describe)("minTime \u548C maxTime", () => {
-    (0, _vitest.it)("\u5E94\u7981\u7528 minTime \u4E4B\u524D\u7684\u9009\u9879", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "08:00",
-          end: "12:00",
-          step: "01:00",
-          minTime: "10:00",
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options[0].classes()).toContain("is-disabled");
-      (0, _vitest.expect)(options[1].classes()).toContain("is-disabled");
-      (0, _vitest.expect)(options[2].classes()).not.toContain("is-disabled");
-    });
-    (0, _vitest.it)("\u5E94\u7981\u7528 maxTime \u4E4B\u540E\u7684\u9009\u9879", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "08:00",
-          end: "12:00",
-          step: "01:00",
-          maxTime: "10:00",
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options[3].classes()).toContain("is-disabled");
-      (0, _vitest.expect)(options[2].classes()).not.toContain("is-disabled");
-    });
-  });
-  (0, _vitest.describe)("disabledHours", () => {
-    (0, _vitest.it)("\u5E94\u7981\u7528\u6307\u5B9A\u65F6\u95F4\u6BB5", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "08:00",
-          end: "14:00",
-          step: "01:00",
-          disabledHours: [["10:00", "11:00"]],
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options[2].classes()).toContain("is-disabled");
-      (0, _vitest.expect)(options[3].classes()).toContain("is-disabled");
-      (0, _vitest.expect)(options[1].classes()).not.toContain("is-disabled");
-      (0, _vitest.expect)(options[4].classes()).not.toContain("is-disabled");
-    });
-  });
-  (0, _vitest.describe)("\u81EA\u5B9A\u4E49\u9009\u9879", () => {
-    (0, _vitest.it)("\u5E94\u652F\u6301\u81EA\u5B9A\u4E49\u9009\u9879", async () => {
-      const customOptions = [{
-        value: "08:00",
-        label: "\u65E9\u4E0A 8 \u70B9"
-      }, {
-        value: "12:00",
-        label: "\u4E2D\u5348 12 \u70B9"
-      }, {
-        value: "18:00",
-        label: "\u4E0B\u5348 6 \u70B9",
-        disabled: true
-      }];
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          options: customOptions,
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options.length).toBe(3);
-      (0, _vitest.expect)(options[0].text()).toContain("\u65E9\u4E0A 8 \u70B9");
-      (0, _vitest.expect)(options[2].classes()).toContain("is-disabled");
-    });
-  });
-  (0, _vitest.describe)("includeEndTime", () => {
-    (0, _vitest.it)("\u9ED8\u8BA4\u5E94\u5305\u542B\u7ED3\u675F\u65F6\u95F4", async () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default, {
-        props: {
-          start: "09:00",
-          end: "10:00",
-          step: "00:30",
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-      const options = wrapper.findAll(".yh-time-select__option");
-      (0, _vitest.expect)(options.length).toBe(3);
-    });
-  });
-  (0, _vitest.describe)("expose \u65B9\u6CD5", () => {
-    (0, _vitest.it)("\u5E94\u66B4\u9732 focus \u65B9\u6CD5", () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default);
-      (0, _vitest.expect)(typeof wrapper.vm.focus).toBe("function");
-    });
-    (0, _vitest.it)("\u5E94\u66B4\u9732 blur \u65B9\u6CD5", () => {
-      wrapper = (0, _testUtils.mount)(_timeSelect.default);
-      (0, _vitest.expect)(typeof wrapper.vm.blur).toBe("function");
-    });
-  });
-});