@yh-ui/components 0.1.21 → 0.1.23

package/dist/radio/__tests__/radio.test.cjs

@@ -1,170 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _radio = _interopRequireDefault(require("../src/radio.vue"));
-var _radioGroup = _interopRequireDefault(require("../src/radio-group.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRadio", () => {
-  (0, _vitest.it)("renders properly", () => {
-    const wrapper = (0, _testUtils.mount)(_radio.default, {
-      props: {
-        value: "1",
-        label: "Option 1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Option 1");
-    (0, _vitest.expect)(wrapper.find("input").element.value).toBe("1");
-  });
-  (0, _vitest.it)("v-model works directly on Radio", async () => {
-    const modelValue = (0, _vue.ref)("1");
-    const wrapper = (0, _testUtils.mount)(_radio.default, {
-      props: {
-        modelValue: modelValue.value,
-        value: "2",
-        label: "Option 2",
-        "onUpdate:modelValue": async val => {
-          modelValue.value = val;
-          await wrapper.setProps({
-            modelValue: val
-          });
-        }
-      }
-    });
-    await wrapper.find("input").trigger("change");
-    (0, _vitest.expect)(modelValue.value).toBe("2");
-  });
-  (0, _vitest.it)("respects disabled state", () => {
-    const wrapper = (0, _testUtils.mount)(_radio.default, {
-      props: {
-        value: "1",
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-    (0, _vitest.expect)(wrapper.find("input").element.disabled).toBe(true);
-  });
-  (0, _vitest.it)("displays border", () => {
-    const wrapper = (0, _testUtils.mount)(_radio.default, {
-      props: {
-        value: "1",
-        border: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-bordered");
-  });
-  (0, _vitest.it)("applies size", () => {
-    const wrapper = (0, _testUtils.mount)(_radio.default, {
-      props: {
-        value: "1",
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-radio--large");
-  });
-});
-(0, _vitest.describe)("YhRadioGroup", () => {
-  (0, _vitest.it)("renders children radios", () => {
-    const wrapper = (0, _testUtils.mount)(_radioGroup.default, {
-      props: {
-        modelValue: "1"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_radio.default, {
-          value: "1",
-          label: "Option 1"
-        }), (0, _vue.h)(_radio.default, {
-          value: "2",
-          label: "Option 2"
-        })]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAllComponents(_radio.default).length).toBe(2);
-  });
-  (0, _vitest.it)("data binding works with v-model", async () => {
-    const modelValue = (0, _vue.ref)("1");
-    const wrapper = (0, _testUtils.mount)(_radioGroup.default, {
-      props: {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": async val => {
-          modelValue.value = val;
-          await wrapper.setProps({
-            modelValue: val
-          });
-        }
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_radio.default, {
-          value: "1",
-          label: "Option 1"
-        }), (0, _vue.h)(_radio.default, {
-          value: "2",
-          label: "Option 2"
-        })]
-      }
-    });
-    const radios = wrapper.findAllComponents(_radio.default);
-    (0, _vitest.expect)(radios[0].classes()).toContain("is-checked");
-    (0, _vitest.expect)(radios[1].classes()).not.toContain("is-checked");
-    await radios[1].find("input").trigger("change");
-    (0, _vitest.expect)(modelValue.value).toBe("2");
-    (0, _vitest.expect)(radios[0].classes()).not.toContain("is-checked");
-    (0, _vitest.expect)(radios[1].classes()).toContain("is-checked");
-  });
-  (0, _vitest.it)("group disabled prop affects children", () => {
-    const wrapper = (0, _testUtils.mount)(_radioGroup.default, {
-      props: {
-        modelValue: "1",
-        disabled: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_radio.default, {
-          value: "1"
-        }), (0, _vue.h)(_radio.default, {
-          value: "2"
-        })]
-      }
-    });
-    const radios = wrapper.findAllComponents(_radio.default);
-    (0, _vitest.expect)(radios[0].classes()).toContain("is-disabled");
-    (0, _vitest.expect)(radios[1].classes()).toContain("is-disabled");
-    (0, _vitest.expect)(radios[0].find("input").element.disabled).toBe(true);
-  });
-  (0, _vitest.it)("group size prop affects children", () => {
-    const wrapper = (0, _testUtils.mount)(_radioGroup.default, {
-      props: {
-        modelValue: "1",
-        size: "small"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_radio.default, {
-          value: "1",
-          border: true
-        })
-        // size only applies if border is often used or specific CSS, checking class
-        ]
-      }
-    });
-    const radio = wrapper.findComponent(_radio.default);
-    (0, _vitest.expect)(radio.classes()).toContain("yh-radio--small");
-  });
-  (0, _vitest.it)("change event is emitted", async () => {
-    const wrapper = (0, _testUtils.mount)(_radioGroup.default, {
-      props: {
-        modelValue: "1"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_radio.default, {
-          value: "1"
-        }), (0, _vue.h)(_radio.default, {
-          value: "2"
-        })]
-      }
-    });
-    const radios = wrapper.findAllComponents(_radio.default);
-    await radios[1].find("input").trigger("change");
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("change")[0]).toEqual(["2"]);
-  });
-});

package/dist/radio/__tests__/radio.test.mjs

@@ -1,143 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { ref, h } from "vue";
-import YhRadio from "../src/radio.vue";
-import YhRadioGroup from "../src/radio-group.vue";
-describe("YhRadio", () => {
-  it("renders properly", () => {
-    const wrapper = mount(YhRadio, {
-      props: {
-        value: "1",
-        label: "Option 1"
-      }
-    });
-    expect(wrapper.text()).toContain("Option 1");
-    expect(wrapper.find("input").element.value).toBe("1");
-  });
-  it("v-model works directly on Radio", async () => {
-    const modelValue = ref("1");
-    const wrapper = mount(YhRadio, {
-      props: {
-        modelValue: modelValue.value,
-        value: "2",
-        label: "Option 2",
-        "onUpdate:modelValue": async (val) => {
-          modelValue.value = val;
-          await wrapper.setProps({ modelValue: val });
-        }
-      }
-    });
-    await wrapper.find("input").trigger("change");
-    expect(modelValue.value).toBe("2");
-  });
-  it("respects disabled state", () => {
-    const wrapper = mount(YhRadio, {
-      props: {
-        value: "1",
-        disabled: true
-      }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-    expect(wrapper.find("input").element.disabled).toBe(true);
-  });
-  it("displays border", () => {
-    const wrapper = mount(YhRadio, {
-      props: {
-        value: "1",
-        border: true
-      }
-    });
-    expect(wrapper.classes()).toContain("is-bordered");
-  });
-  it("applies size", () => {
-    const wrapper = mount(YhRadio, {
-      props: {
-        value: "1",
-        size: "large"
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-radio--large");
-  });
-});
-describe("YhRadioGroup", () => {
-  it("renders children radios", () => {
-    const wrapper = mount(YhRadioGroup, {
-      props: { modelValue: "1" },
-      slots: {
-        default: () => [
-          h(YhRadio, { value: "1", label: "Option 1" }),
-          h(YhRadio, { value: "2", label: "Option 2" })
-        ]
-      }
-    });
-    expect(wrapper.findAllComponents(YhRadio).length).toBe(2);
-  });
-  it("data binding works with v-model", async () => {
-    const modelValue = ref("1");
-    const wrapper = mount(YhRadioGroup, {
-      props: {
-        modelValue: modelValue.value,
-        "onUpdate:modelValue": async (val) => {
-          modelValue.value = val;
-          await wrapper.setProps({ modelValue: val });
-        }
-      },
-      slots: {
-        default: () => [
-          h(YhRadio, { value: "1", label: "Option 1" }),
-          h(YhRadio, { value: "2", label: "Option 2" })
-        ]
-      }
-    });
-    const radios = wrapper.findAllComponents(YhRadio);
-    expect(radios[0].classes()).toContain("is-checked");
-    expect(radios[1].classes()).not.toContain("is-checked");
-    await radios[1].find("input").trigger("change");
-    expect(modelValue.value).toBe("2");
-    expect(radios[0].classes()).not.toContain("is-checked");
-    expect(radios[1].classes()).toContain("is-checked");
-  });
-  it("group disabled prop affects children", () => {
-    const wrapper = mount(YhRadioGroup, {
-      props: {
-        modelValue: "1",
-        disabled: true
-      },
-      slots: {
-        default: () => [h(YhRadio, { value: "1" }), h(YhRadio, { value: "2" })]
-      }
-    });
-    const radios = wrapper.findAllComponents(YhRadio);
-    expect(radios[0].classes()).toContain("is-disabled");
-    expect(radios[1].classes()).toContain("is-disabled");
-    expect(radios[0].find("input").element.disabled).toBe(true);
-  });
-  it("group size prop affects children", () => {
-    const wrapper = mount(YhRadioGroup, {
-      props: {
-        modelValue: "1",
-        size: "small"
-      },
-      slots: {
-        default: () => [
-          h(YhRadio, { value: "1", border: true })
-          // size only applies if border is often used or specific CSS, checking class
-        ]
-      }
-    });
-    const radio = wrapper.findComponent(YhRadio);
-    expect(radio.classes()).toContain("yh-radio--small");
-  });
-  it("change event is emitted", async () => {
-    const wrapper = mount(YhRadioGroup, {
-      props: { modelValue: "1" },
-      slots: {
-        default: () => [h(YhRadio, { value: "1" }), h(YhRadio, { value: "2" })]
-      }
-    });
-    const radios = wrapper.findAllComponents(YhRadio);
-    await radios[1].find("input").trigger("change");
-    expect(wrapper.emitted("change")).toBeTruthy();
-    expect(wrapper.emitted("change")[0]).toEqual(["2"]);
-  });
-});

package/dist/rate/__tests__/rate.ssr.test.cjs

@@ -1,106 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _rate = _interopRequireDefault(require("../src/rate.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRate SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 0
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should render with value in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 3
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-    const activeStars = (html.match(/width:100%/g) || []).length;
-    (0, _vitest.expect)(activeStars).toBe(3);
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 3,
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await (0, _ssr.renderSSR)(_rate.default, {
-        modelValue: 2,
-        size
-      });
-      if (size !== "default") {
-        (0, _ssr.expectSSRHasClass)(html, `yh-rate--${size}`);
-      }
-    }
-  });
-  (0, _vitest.it)("should render max count in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 0,
-      max: 10
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should render with half stars in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 3.5,
-      allowHalf: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should render readonly state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 4,
-      readonly: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should render show text in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 3,
-      showText: true,
-      texts: ["\u6781\u5DEE", "\u5931\u671B", "\u4E00\u822C", "\u6EE1\u610F", "\u60CA\u559C"]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should render show score in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 4.5,
-      showScore: true
-    });
-    (0, _vitest.expect)(html).toContain("4.5");
-  });
-  (0, _vitest.it)("should render custom color in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 3,
-      voidColor: "#f0f0f0",
-      activeColor: "#ff6b6b"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_rate.default, {
-      modelValue: 4,
-      max: 5
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with half stars", async () => {
-    const result = await (0, _ssr.testHydration)(_rate.default, {
-      modelValue: 3.5,
-      allowHalf: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should render with custom icon in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_rate.default, {
-      modelValue: 2,
-      iconClass: "custom-icon"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-rate");
-  });
-});

package/dist/rate/__tests__/rate.ssr.test.mjs

@@ -1,103 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Rate from "../src/rate.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhRate SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 0
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should render with value in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 3
-    });
-    expectSSRHasClass(html, "yh-rate");
-    const activeStars = (html.match(/width:100%/g) || []).length;
-    expect(activeStars).toBe(3);
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 3,
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await renderSSR(Rate, {
-        modelValue: 2,
-        size
-      });
-      if (size !== "default") {
-        expectSSRHasClass(html, `yh-rate--${size}`);
-      }
-    }
-  });
-  it("should render max count in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 0,
-      max: 10
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should render with half stars in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 3.5,
-      allowHalf: true
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should render readonly state in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 4,
-      readonly: true
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should render show text in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 3,
-      showText: true,
-      texts: ["\u6781\u5DEE", "\u5931\u671B", "\u4E00\u822C", "\u6EE1\u610F", "\u60CA\u559C"]
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should render show score in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 4.5,
-      showScore: true
-    });
-    expect(html).toContain("4.5");
-  });
-  it("should render custom color in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 3,
-      voidColor: "#f0f0f0",
-      activeColor: "#ff6b6b"
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Rate, {
-      modelValue: 4,
-      max: 5
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with half stars", async () => {
-    const result = await testHydration(Rate, {
-      modelValue: 3.5,
-      allowHalf: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should render with custom icon in SSR", async () => {
-    const html = await renderSSR(Rate, {
-      modelValue: 2,
-      iconClass: "custom-icon"
-    });
-    expectSSRHasClass(html, "yh-rate");
-  });
-});

package/dist/rate/__tests__/rate.test.cjs

@@ -1,88 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _rate = _interopRequireDefault(require("../src/rate.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRate", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        max: 5,
-        modelValue: 3
-      }
-    });
-    (0, _vitest.expect)(wrapper.get(".yh-rate").classes()).toContain("yh-rate");
-    const items = wrapper.findAll(".yh-rate__item");
-    (0, _vitest.expect)(items.length).toBe(5);
-    const activeItems = items.filter(item => {
-      const content = item.find(".yh-rate__star-content");
-      return content.attributes("style")?.includes("width: 100%");
-    });
-    (0, _vitest.expect)(activeItems.length).toBe(3);
-  });
-  (0, _vitest.it)("should change value on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        max: 5,
-        modelValue: 0
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[3].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([4]);
-  });
-  (0, _vitest.it)("should handle allowHalf correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        max: 5,
-        modelValue: 3.5,
-        allowHalf: true
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    const fourthContent = items[3].find(".yh-rate__star-content");
-    (0, _vitest.expect)(fourthContent.attributes("style")).toContain("width: 50%");
-  });
-  (0, _vitest.it)("should show text/score correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        modelValue: 4,
-        showText: true,
-        texts: ["1", "2", "3", "4", "5"]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-rate__text").text()).toBe("4");
-    const wrapperScore = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        modelValue: 3.5,
-        showScore: true,
-        scoreTemplate: "{value} points"
-      }
-    });
-    (0, _vitest.expect)(wrapperScore.find(".yh-rate__text").text()).toBe("3.5 points");
-  });
-  (0, _vitest.it)("should respect disabled prop", async () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        disabled: true,
-        modelValue: 3
-      }
-    });
-    (0, _vitest.expect)(wrapper.get(".yh-rate").classes()).toContain("is-disabled");
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[0].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  (0, _vitest.it)("should handle clearable correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_rate.default, {
-      props: {
-        modelValue: 3,
-        clearable: true
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[2].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([0]);
-  });
-});

package/dist/rate/__tests__/rate.test.mjs

@@ -1,85 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Rate from "../src/rate.vue";
-describe("YhRate", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Rate, {
-      props: {
-        max: 5,
-        modelValue: 3
-      }
-    });
-    expect(wrapper.get(".yh-rate").classes()).toContain("yh-rate");
-    const items = wrapper.findAll(".yh-rate__item");
-    expect(items.length).toBe(5);
-    const activeItems = items.filter((item) => {
-      const content = item.find(".yh-rate__star-content");
-      return content.attributes("style")?.includes("width: 100%");
-    });
-    expect(activeItems.length).toBe(3);
-  });
-  it("should change value on click", async () => {
-    const wrapper = mount(Rate, {
-      props: {
-        max: 5,
-        modelValue: 0
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[3].trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([4]);
-  });
-  it("should handle allowHalf correctly", async () => {
-    const wrapper = mount(Rate, {
-      props: {
-        max: 5,
-        modelValue: 3.5,
-        allowHalf: true
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    const fourthContent = items[3].find(".yh-rate__star-content");
-    expect(fourthContent.attributes("style")).toContain("width: 50%");
-  });
-  it("should show text/score correctly", () => {
-    const wrapper = mount(Rate, {
-      props: {
-        modelValue: 4,
-        showText: true,
-        texts: ["1", "2", "3", "4", "5"]
-      }
-    });
-    expect(wrapper.find(".yh-rate__text").text()).toBe("4");
-    const wrapperScore = mount(Rate, {
-      props: {
-        modelValue: 3.5,
-        showScore: true,
-        scoreTemplate: "{value} points"
-      }
-    });
-    expect(wrapperScore.find(".yh-rate__text").text()).toBe("3.5 points");
-  });
-  it("should respect disabled prop", async () => {
-    const wrapper = mount(Rate, {
-      props: {
-        disabled: true,
-        modelValue: 3
-      }
-    });
-    expect(wrapper.get(".yh-rate").classes()).toContain("is-disabled");
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[0].trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  it("should handle clearable correctly", async () => {
-    const wrapper = mount(Rate, {
-      props: {
-        modelValue: 3,
-        clearable: true
-      }
-    });
-    const items = wrapper.findAll(".yh-rate__item");
-    await items[2].trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([0]);
-  });
-});