@yh-ui/components 0.1.21 → 0.1.22

package/dist/sku-selector/__tests__/sku-selector.ssr.test.mjs

@@ -1,19 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import SkuSelector from "../src/sku-selector.vue";
-describe("SkuSelector SSR", () => {
-  const specs = [{ id: "1", name: "Color", values: [{ id: "11", name: "Red" }] }];
-  const skus = [{ id: "1", specValueIds: ["11"], price: 100, stock: 10 }];
-  it("renders correctly on server", async () => {
-    const html = await renderToString(
-      h(SkuSelector, {
-        specs,
-        skus
-      })
-    );
-    expect(html).toContain("yh-sku-selector");
-    expect(html).toContain("Color");
-    expect(html).toContain("Red");
-  });
-});

package/dist/sku-selector/__tests__/sku-selector.test.cjs

@@ -1,64 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _skuSelector = _interopRequireDefault(require("../src/sku-selector.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("SkuSelector", () => {
-  const specs = [{
-    id: "1",
-    name: "Size",
-    values: [{
-      id: "101",
-      name: "S"
-    }, {
-      id: "102",
-      name: "M"
-    }]
-  }];
-  const skus = [{
-    id: "1",
-    specValueIds: ["101"],
-    price: 100,
-    stock: 10
-  }, {
-    id: "2",
-    specValueIds: ["102"],
-    price: 200,
-    stock: 0
-  }];
-  (0, _vitest.it)("renders specs correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_skuSelector.default, {
-      props: {
-        specs,
-        skus
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Size");
-    (0, _vitest.expect)(wrapper.text()).toContain("S");
-    (0, _vitest.expect)(wrapper.text()).toContain("M");
-  });
-  (0, _vitest.it)("handles item selection", async () => {
-    const wrapper = (0, _testUtils.mount)(_skuSelector.default, {
-      props: {
-        specs,
-        skus,
-        modelValue: []
-      }
-    });
-    const items = wrapper.findAll(".yh-sku-selector__value");
-    await items[0].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-  });
-  (0, _vitest.it)("disables item with no stock", async () => {
-    const wrapper = (0, _testUtils.mount)(_skuSelector.default, {
-      props: {
-        specs,
-        skus
-      }
-    });
-    const items = wrapper.findAll(".yh-sku-selector__value");
-    (0, _vitest.expect)(items[1].classes()).toContain("is-disabled");
-  });
-});

package/dist/sku-selector/__tests__/sku-selector.test.mjs

@@ -1,53 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import SkuSelector from "../src/sku-selector.vue";
-describe("SkuSelector", () => {
-  const specs = [
-    {
-      id: "1",
-      name: "Size",
-      values: [
-        { id: "101", name: "S" },
-        { id: "102", name: "M" }
-      ]
-    }
-  ];
-  const skus = [
-    { id: "1", specValueIds: ["101"], price: 100, stock: 10 },
-    { id: "2", specValueIds: ["102"], price: 200, stock: 0 }
-  ];
-  it("renders specs correctly", () => {
-    const wrapper = mount(SkuSelector, {
-      props: {
-        specs,
-        skus
-      }
-    });
-    expect(wrapper.text()).toContain("Size");
-    expect(wrapper.text()).toContain("S");
-    expect(wrapper.text()).toContain("M");
-  });
-  it("handles item selection", async () => {
-    const wrapper = mount(SkuSelector, {
-      props: {
-        specs,
-        skus,
-        modelValue: []
-      }
-    });
-    const items = wrapper.findAll(".yh-sku-selector__value");
-    await items[0].trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-    expect(wrapper.emitted("change")).toBeTruthy();
-  });
-  it("disables item with no stock", async () => {
-    const wrapper = mount(SkuSelector, {
-      props: {
-        specs,
-        skus
-      }
-    });
-    const items = wrapper.findAll(".yh-sku-selector__value");
-    expect(items[1].classes()).toContain("is-disabled");
-  });
-});

package/dist/slider/__tests__/repro.test.cjs

@@ -1,25 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _slider = _interopRequireDefault(require("../src/slider.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSlider Range Bug Repro", () => {
-  (0, _vitest.it)("should initialize firstValue and secondValue correctly in range mode", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: [20, 50],
-        range: true,
-        vertical: true
-      }
-    });
-    const vm = wrapper.vm;
-    (0, _vitest.expect)(vm.firstValue).toBe(20);
-    (0, _vitest.expect)(vm.secondValue).toBe(50);
-    (0, _vitest.expect)(wrapper.findAll(".yh-slider__button-wrapper").length).toBe(2);
-    const bar = wrapper.find(".yh-slider__bar");
-    const style = bar.attributes("style");
-    (0, _vitest.expect)(style).toContain("height: 30%");
-    (0, _vitest.expect)(style).toContain("bottom: 20%");
-  });
-});

package/dist/slider/__tests__/repro.test.mjs

@@ -1,22 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { mount } from "@vue/test-utils";
-import YhSlider from "../src/slider.vue";
-describe("YhSlider Range Bug Repro", () => {
-  it("should initialize firstValue and secondValue correctly in range mode", async () => {
-    const wrapper = mount(YhSlider, {
-      props: {
-        modelValue: [20, 50],
-        range: true,
-        vertical: true
-      }
-    });
-    const vm = wrapper.vm;
-    expect(vm.firstValue).toBe(20);
-    expect(vm.secondValue).toBe(50);
-    expect(wrapper.findAll(".yh-slider__button-wrapper").length).toBe(2);
-    const bar = wrapper.find(".yh-slider__bar");
-    const style = bar.attributes("style");
-    expect(style).toContain("height: 30%");
-    expect(style).toContain("bottom: 20%");
-  });
-});

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

@@ -1,118 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _slider = _interopRequireDefault(require("../src/slider.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSlider SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 0
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render with value in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 50
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 30,
-      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)(_slider.default, {
-        modelValue: 20,
-        size
-      });
-      if (size !== "default") {
-        (0, _ssr.expectSSRHasClass)(html, `yh-slider--${size}`);
-      }
-    }
-  });
-  (0, _vitest.it)("should render with min and max in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 50,
-      min: 0,
-      max: 100
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render with step in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 20,
-      step: 10
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render show stops in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 50,
-      step: 25,
-      showStops: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider__stop");
-  });
-  (0, _vitest.it)("should render show tooltip in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 40,
-      showTooltip: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render vertical mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 30,
-      vertical: true,
-      height: "200px"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-vertical");
-  });
-  (0, _vitest.it)("should render range mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: [20, 60],
-      range: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-  (0, _vitest.it)("should render with marks in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 50,
-      marks: {
-        0: "0\xB0C",
-        50: "50\xB0C",
-        100: "100\xB0C"
-      }
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider__marks");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_slider.default, {
-      modelValue: 45,
-      min: 0,
-      max: 100,
-      step: 5
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate range mode", async () => {
-    const result = await (0, _ssr.testHydration)(_slider.default, {
-      modelValue: [25, 75],
-      range: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should render show input in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_slider.default, {
-      modelValue: 60,
-      showInput: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-slider");
-  });
-});

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

@@ -1,115 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Slider from "../src/slider.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhSlider SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 0
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render with value in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 50
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 30,
-      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(Slider, {
-        modelValue: 20,
-        size
-      });
-      if (size !== "default") {
-        expectSSRHasClass(html, `yh-slider--${size}`);
-      }
-    }
-  });
-  it("should render with min and max in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 50,
-      min: 0,
-      max: 100
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render with step in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 20,
-      step: 10
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render show stops in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 50,
-      step: 25,
-      showStops: true
-    });
-    expectSSRHasClass(html, "yh-slider__stop");
-  });
-  it("should render show tooltip in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 40,
-      showTooltip: true
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render vertical mode in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 30,
-      vertical: true,
-      height: "200px"
-    });
-    expectSSRHasClass(html, "is-vertical");
-  });
-  it("should render range mode in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: [20, 60],
-      range: true
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-  it("should render with marks in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 50,
-      marks: {
-        0: "0\xB0C",
-        50: "50\xB0C",
-        100: "100\xB0C"
-      }
-    });
-    expectSSRHasClass(html, "yh-slider__marks");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Slider, {
-      modelValue: 45,
-      min: 0,
-      max: 100,
-      step: 5
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate range mode", async () => {
-    const result = await testHydration(Slider, {
-      modelValue: [25, 75],
-      range: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should render show input in SSR", async () => {
-    const html = await renderSSR(Slider, {
-      modelValue: 60,
-      showInput: true
-    });
-    expectSSRHasClass(html, "yh-slider");
-  });
-});

package/dist/slider/__tests__/slider.test.cjs

@@ -1,155 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _slider = _interopRequireDefault(require("../src/slider.vue"));
-var _sliderButton = _interopRequireDefault(require("../src/slider-button.vue"));
-var _vue = require("vue");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSlider", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.restoreAllMocks();
-    _vitest.vi.useFakeTimers();
-    _vitest.vi.spyOn(HTMLElement.prototype, "offsetWidth", "get").mockReturnValue(100);
-    _vitest.vi.spyOn(HTMLElement.prototype, "offsetHeight", "get").mockReturnValue(100);
-  });
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 50
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-slider");
-  });
-  (0, _vitest.it)("should update value via click on runway", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 0
-      }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    runway.element.getBoundingClientRect = _vitest.vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    await runway.trigger("mousedown", {
-      clientX: 30
-    });
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([30]);
-  });
-  (0, _vitest.it)("should handle dragging", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 0
-      }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    wrapper.vm.sliderRef = runway.element;
-    const button = wrapper.findComponent(_sliderButton.default);
-    const buttonEl = button.find(".yh-slider__button-wrapper");
-    const buttonVm = button.vm;
-    const downEvent = new MouseEvent("mousedown");
-    Object.defineProperty(downEvent, "clientX", {
-      value: 0
-    });
-    buttonVm.onDragStart(downEvent);
-    const moveEvent = new MouseEvent("mousemove");
-    Object.defineProperty(moveEvent, "clientX", {
-      value: 40
-    });
-    buttonVm.onDragging(moveEvent);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([40]);
-    buttonVm.onDragEnd();
-    _vitest.vi.runAllTimers();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-  });
-  (0, _vitest.it)("should support vertical dragging", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 0,
-        vertical: true
-      }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    wrapper.vm.sliderRef = runway.element;
-    const button = wrapper.findComponent(_sliderButton.default);
-    const buttonVm = button.vm;
-    const downEvent = new MouseEvent("mousedown");
-    Object.defineProperty(downEvent, "clientY", {
-      value: 100
-    });
-    const moveEvent = new MouseEvent("mousemove");
-    Object.defineProperty(moveEvent, "clientY", {
-      value: 60
-    });
-    buttonVm.onDragStart(downEvent);
-    buttonVm.onDragging(moveEvent);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([40]);
-  });
-  (0, _vitest.it)("should support range selection", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: [20, 80],
-        range: true
-      }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    runway.element.getBoundingClientRect = _vitest.vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    await runway.trigger("mousedown", {
-      clientX: 25
-    });
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([[25, 80]]);
-    await runway.trigger("mousedown", {
-      clientX: 75
-    });
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[1]).toEqual([[25, 75]]);
-  });
-  (0, _vitest.it)("should show marks and stops", () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 0,
-        showStops: true,
-        marks: {
-          0: "A",
-          50: "B"
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-slider__stop").length).toBeGreaterThan(0);
-    (0, _vitest.expect)(wrapper.find(".yh-slider__mark-text").text()).toBe("A");
-  });
-  (0, _vitest.it)("should handle InputNumber validation", async () => {
-    const wrapper = (0, _testUtils.mount)(_slider.default, {
-      props: {
-        modelValue: 0,
-        showInput: true
-      }
-    });
-    const input = wrapper.findComponent({
-      name: "YhInputNumber"
-    });
-    await input.vm.$emit("change", 150);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-  });
-});

package/dist/slider/__tests__/slider.test.mjs

@@ -1,120 +0,0 @@
-import { describe, expect, it, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import YhSlider from "../src/slider.vue";
-import SliderButton from "../src/slider-button.vue";
-import { nextTick } from "vue";
-describe("YhSlider", () => {
-  beforeEach(() => {
-    vi.restoreAllMocks();
-    vi.useFakeTimers();
-    vi.spyOn(HTMLElement.prototype, "offsetWidth", "get").mockReturnValue(100);
-    vi.spyOn(HTMLElement.prototype, "offsetHeight", "get").mockReturnValue(100);
-  });
-  it("should render correctly", () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: 50 }
-    });
-    expect(wrapper.classes()).toContain("yh-slider");
-  });
-  it("should update value via click on runway", async () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: 0 }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    runway.element.getBoundingClientRect = vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    await runway.trigger("mousedown", { clientX: 30 });
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([30]);
-  });
-  it("should handle dragging", async () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: 0 }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    wrapper.vm.sliderRef = runway.element;
-    const button = wrapper.findComponent(SliderButton);
-    const buttonEl = button.find(".yh-slider__button-wrapper");
-    const buttonVm = button.vm;
-    const downEvent = new MouseEvent("mousedown");
-    Object.defineProperty(downEvent, "clientX", { value: 0 });
-    buttonVm.onDragStart(downEvent);
-    const moveEvent = new MouseEvent("mousemove");
-    Object.defineProperty(moveEvent, "clientX", { value: 40 });
-    buttonVm.onDragging(moveEvent);
-    await nextTick();
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([40]);
-    buttonVm.onDragEnd();
-    vi.runAllTimers();
-    await nextTick();
-    expect(wrapper.emitted("change")).toBeTruthy();
-  });
-  it("should support vertical dragging", async () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: 0, vertical: true }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    wrapper.vm.sliderRef = runway.element;
-    const button = wrapper.findComponent(SliderButton);
-    const buttonVm = button.vm;
-    const downEvent = new MouseEvent("mousedown");
-    Object.defineProperty(downEvent, "clientY", { value: 100 });
-    const moveEvent = new MouseEvent("mousemove");
-    Object.defineProperty(moveEvent, "clientY", { value: 60 });
-    buttonVm.onDragStart(downEvent);
-    buttonVm.onDragging(moveEvent);
-    await nextTick();
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([40]);
-  });
-  it("should support range selection", async () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: [20, 80], range: true }
-    });
-    const runway = wrapper.find(".yh-slider__runway");
-    runway.element.getBoundingClientRect = vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    await runway.trigger("mousedown", { clientX: 25 });
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([[25, 80]]);
-    await runway.trigger("mousedown", { clientX: 75 });
-    expect(wrapper.emitted("update:modelValue")?.[1]).toEqual([[25, 75]]);
-  });
-  it("should show marks and stops", () => {
-    const wrapper = mount(YhSlider, {
-      props: {
-        modelValue: 0,
-        showStops: true,
-        marks: { 0: "A", 50: "B" }
-      }
-    });
-    expect(wrapper.findAll(".yh-slider__stop").length).toBeGreaterThan(0);
-    expect(wrapper.find(".yh-slider__mark-text").text()).toBe("A");
-  });
-  it("should handle InputNumber validation", async () => {
-    const wrapper = mount(YhSlider, {
-      props: { modelValue: 0, showInput: true }
-    });
-    const input = wrapper.findComponent({ name: "YhInputNumber" });
-    await input.vm.$emit("change", 150);
-    await nextTick();
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-  });
-});