@yh-ui/components 0.1.21 → 0.1.22

package/dist/space/__tests__/space.test.mjs

@@ -1,187 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { h } from "vue";
-import Space from "../src/space.vue";
-describe("YhSpace \u7EC4\u4EF6", () => {
-  it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = mount(Space, {
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    expect(wrapper.find(".yh-space").exists()).toBe(true);
-    expect(wrapper.findAll(".yh-space__item")).toHaveLength(2);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u6C34\u5E73\u65B9\u5411\uFF08\u9ED8\u8BA4\uFF09", () => {
-    const wrapper = mount(Space, {
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    expect(wrapper.find(".yh-space").classes()).toContain("yh-space--horizontal");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u5782\u76F4\u65B9\u5411", () => {
-    const wrapper = mount(Space, {
-      props: { direction: "vertical" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    expect(wrapper.find(".yh-space").classes()).toContain("yh-space--vertical");
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("flex-direction: column");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 size", () => {
-    const wrapper = mount(Space, {
-      props: { size: "large" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("gap: 24px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u6570\u5B57\u5C3A\u5BF8", () => {
-    const wrapper = mount(Space, {
-      props: { size: 40 },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("gap: 40px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u6570\u7EC4\u5C3A\u5BF8 [column, row]", () => {
-    const wrapper = mount(Space, {
-      props: { size: [10, 20] },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("column-gap: 10px");
-    expect(style).toContain("row-gap: 20px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u52A8\u6362\u884C wrap", () => {
-    const wrapper = mount(Space, {
-      props: { wrap: true },
-      slots: {
-        default: () => Array.from({ length: 10 }, (_, i) => h("div", `Item ${i}`))
-      }
-    });
-    expect(wrapper.find(".yh-space").classes()).toContain("is-wrap");
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("flex-wrap: wrap");
-  });
-  it("\u5E94\u8BE5\u6B63\u786E\u5C55\u5E73 v-for Fragment \u5B50\u8282\u70B9\u5B9E\u73B0\u6362\u884C", () => {
-    const wrapper = mount(Space, {
-      props: { wrap: true },
-      slots: {
-        default: () => Array.from({ length: 5 }, (_, i) => h("span", { key: i }, `B${i}`))
-      }
-    });
-    expect(wrapper.findAll(".yh-space__item")).toHaveLength(5);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 fill \u5C5E\u6027", () => {
-    const wrapper = mount(Space, {
-      props: { fill: true },
-      slots: {
-        default: () => [h("div", "A")]
-      }
-    });
-    expect(wrapper.find(".yh-space").classes()).toContain("is-fill");
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("width: 100%");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u5BF9\u9F50\u65B9\u5F0F align", () => {
-    const wrapper = mount(Space, {
-      props: { align: "start" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("align-items: start");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u4E3B\u8F74\u5BF9\u9F50 justify", () => {
-    const wrapper = mount(Space, {
-      props: { justify: "space-between", fill: true },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("justify-content: space-between");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 spacer prop \u5206\u9694\u7B26", () => {
-    const wrapper = mount(Space, {
-      props: { spacer: "|" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B"), h("div", "C")]
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    expect(spacers).toHaveLength(2);
-    expect(spacers[0].text()).toBe("|");
-    expect(spacers[1].text()).toBe("|");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 #spacer \u63D2\u69FD\u81EA\u5B9A\u4E49\u5206\u9694\u7B26", () => {
-    const wrapper = mount(Space, {
-      slots: {
-        default: () => [h("div", "A"), h("div", "B"), h("div", "C")],
-        spacer: () => h("span", { class: "custom-sep" }, "\u2014")
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    expect(spacers).toHaveLength(2);
-    expect(spacers[0].find(".custom-sep").exists()).toBe(true);
-    expect(spacers[0].find(".custom-sep").text()).toBe("\u2014");
-  });
-  it("\u5206\u9694\u7B26\u4E0D\u5E94\u51FA\u73B0\u5728\u6700\u540E\u4E00\u4E2A\u5143\u7D20\u4E4B\u540E", () => {
-    const wrapper = mount(Space, {
-      props: { spacer: "|" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    expect(spacers).toHaveLength(1);
-  });
-  it("\u65E0\u5206\u9694\u7B26\u65F6\u4E0D\u5E94\u6E32\u67D3 spacer \u5143\u7D20", () => {
-    const wrapper = mount(Space, {
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    expect(wrapper.findAll(".yh-space__spacer")).toHaveLength(0);
-  });
-  it("\u5355\u4E2A\u5B50\u5143\u7D20\u65F6\u4E0D\u5E94\u6E32\u67D3\u5206\u9694\u7B26", () => {
-    const wrapper = mount(Space, {
-      props: { spacer: "|" },
-      slots: {
-        default: () => [h("div", "Only")]
-      }
-    });
-    expect(wrapper.findAll(".yh-space__spacer")).toHaveLength(0);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 mini \u5C3A\u5BF8", () => {
-    const wrapper = mount(Space, {
-      props: { size: "mini" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("gap: 4px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 medium \u5C3A\u5BF8", () => {
-    const wrapper = mount(Space, {
-      props: { size: "medium" },
-      slots: {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    expect(style).toContain("gap: 16px");
-  });
-});

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _spin = _interopRequireDefault(require("../src/spin.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSpin SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_spin.default, {
-      tip: "\u6B63\u5728\u52A0\u8F7D...",
-      size: "large"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-spin");
-    (0, _ssr.expectSSRHasClass)(html, "yh-spin--large");
-    (0, _vitest.expect)(html).toContain("\u6B63\u5728\u52A0\u8F7D...");
-  });
-  (0, _vitest.it)("should render dot mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_spin.default, {
-      dot: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-dot");
-    (0, _vitest.expect)(html).toContain("yh-spin__dots");
-  });
-  (0, _vitest.it)("should render vertical mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_spin.default, {
-      vertical: true,
-      tip: "Vertical"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-vertical");
-    (0, _vitest.expect)(html).toContain("Vertical");
-  });
-  (0, _vitest.it)("should not render hidden content in SSR when show is false", async () => {
-    const html = await (0, _ssr.renderSSR)(_spin.default, {
-      show: false
-    });
-    (0, _vitest.expect)(html).not.toContain("yh-spin");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_spin.default, {
-      size: "small",
-      dot: true,
-      tip: "Hydration"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,43 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Spin from "../src/spin.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhSpin SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Spin, {
-      tip: "\u6B63\u5728\u52A0\u8F7D...",
-      size: "large"
-    });
-    expectSSRHasClass(html, "yh-spin");
-    expectSSRHasClass(html, "yh-spin--large");
-    expect(html).toContain("\u6B63\u5728\u52A0\u8F7D...");
-  });
-  it("should render dot mode in SSR", async () => {
-    const html = await renderSSR(Spin, {
-      dot: true
-    });
-    expectSSRHasClass(html, "is-dot");
-    expect(html).toContain("yh-spin__dots");
-  });
-  it("should render vertical mode in SSR", async () => {
-    const html = await renderSSR(Spin, {
-      vertical: true,
-      tip: "Vertical"
-    });
-    expectSSRHasClass(html, "is-vertical");
-    expect(html).toContain("Vertical");
-  });
-  it("should not render hidden content in SSR when show is false", async () => {
-    const html = await renderSSR(Spin, {
-      show: false
-    });
-    expect(html).not.toContain("yh-spin");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Spin, {
-      size: "small",
-      dot: true,
-      tip: "Hydration"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/spin/__tests__/spin.test.cjs

@@ -1,65 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Spin", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      props: {
-        tip: "loading"
-      }
-    });
-    (0, _vitest.expect)(wrapper.get("div").classes()).toContain("yh-spin");
-    (0, _vitest.expect)(wrapper.text()).toContain("loading");
-  });
-  (0, _vitest.it)("should support dot mode", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      props: {
-        dot: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-spin__dots").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-spin__dots i")).toHaveLength(4);
-  });
-  (0, _vitest.it)("should support sizes", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      props: {
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.get("div").classes()).toContain("yh-spin--large");
-  });
-  (0, _vitest.it)("should support color and gradients", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      props: {
-        color: "linear-gradient(to right, red, blue)"
-      }
-    });
-    (0, _vitest.expect)(wrapper.get("div").classes()).toContain("is-gradient");
-    (0, _vitest.expect)(wrapper.find("linearGradient").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support delay", async () => {
-    _vitest.vi.useFakeTimers();
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      props: {
-        show: true,
-        delay: 500
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-spin").exists()).toBe(false);
-    _vitest.vi.advanceTimersByTime(501);
-    await wrapper.vm.$nextTick();
-    (0, _vitest.expect)(wrapper.find(".yh-spin").exists()).toBe(true);
-    _vitest.vi.useRealTimers();
-  });
-  (0, _vitest.it)("should support tip slot", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhSpin, {
-      slots: {
-        tip: '<span class="custom-tip">Custom Tip</span>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-tip").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".custom-tip").text()).toBe("Custom Tip");
-  });
-});

package/dist/spin/__tests__/spin.test.mjs

@@ -1,63 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { YhSpin } from "../index.mjs";
-describe("Spin", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(YhSpin, {
-      props: {
-        tip: "loading"
-      }
-    });
-    expect(wrapper.get("div").classes()).toContain("yh-spin");
-    expect(wrapper.text()).toContain("loading");
-  });
-  it("should support dot mode", () => {
-    const wrapper = mount(YhSpin, {
-      props: {
-        dot: true
-      }
-    });
-    expect(wrapper.find(".yh-spin__dots").exists()).toBe(true);
-    expect(wrapper.findAll(".yh-spin__dots i")).toHaveLength(4);
-  });
-  it("should support sizes", () => {
-    const wrapper = mount(YhSpin, {
-      props: {
-        size: "large"
-      }
-    });
-    expect(wrapper.get("div").classes()).toContain("yh-spin--large");
-  });
-  it("should support color and gradients", async () => {
-    const wrapper = mount(YhSpin, {
-      props: {
-        color: "linear-gradient(to right, red, blue)"
-      }
-    });
-    expect(wrapper.get("div").classes()).toContain("is-gradient");
-    expect(wrapper.find("linearGradient").exists()).toBe(true);
-  });
-  it("should support delay", async () => {
-    vi.useFakeTimers();
-    const wrapper = mount(YhSpin, {
-      props: {
-        show: true,
-        delay: 500
-      }
-    });
-    expect(wrapper.find(".yh-spin").exists()).toBe(false);
-    vi.advanceTimersByTime(501);
-    await wrapper.vm.$nextTick();
-    expect(wrapper.find(".yh-spin").exists()).toBe(true);
-    vi.useRealTimers();
-  });
-  it("should support tip slot", () => {
-    const wrapper = mount(YhSpin, {
-      slots: {
-        tip: '<span class="custom-tip">Custom Tip</span>'
-      }
-    });
-    expect(wrapper.find(".custom-tip").exists()).toBe(true);
-    expect(wrapper.find(".custom-tip").text()).toBe("Custom Tip");
-  });
-});

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

@@ -1,73 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _steps = _interopRequireDefault(require("../src/steps.vue"));
-var _step = _interopRequireDefault(require("../src/step.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Steps SSR", () => {
-  (0, _vitest.it)("should render steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          active: 1
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 3"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-steps");
-  });
-  (0, _vitest.it)("should render vertical steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          direction: "vertical",
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-steps--vertical");
-  });
-  (0, _vitest.it)("should render simple steps container on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          simple: true,
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1"
-        }), (0, _vue.h)(_step.default, {
-          title: "Step 2"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-simple");
-  });
-  (0, _vitest.it)("should render step content on server", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_steps.default, {
-          active: 0
-        }, () => [(0, _vue.h)(_step.default, {
-          title: "Step 1",
-          description: "This is step 1"
-        })]);
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("Step 1");
-  });
-});

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

@@ -1,55 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { createSSRApp, h } from "vue";
-import YhSteps from "../src/steps.vue";
-import YhStep from "../src/step.vue";
-describe("Steps SSR", () => {
-  it("should render steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { active: 1 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" }),
-          h(YhStep, { title: "Step 3" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-steps");
-  });
-  it("should render vertical steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { direction: "vertical", active: 0 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-steps--vertical");
-  });
-  it("should render simple steps container on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { simple: true, active: 0 }, () => [
-          h(YhStep, { title: "Step 1" }),
-          h(YhStep, { title: "Step 2" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-simple");
-  });
-  it("should render step content on server", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(YhSteps, { active: 0 }, () => [
-          h(YhStep, { title: "Step 1", description: "This is step 1" })
-        ]);
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("Step 1");
-  });
-});

package/dist/steps/__tests__/steps.test.cjs

@@ -1,152 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _steps = _interopRequireDefault(require("../src/steps.vue"));
-var _step = _interopRequireDefault(require("../src/step.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Steps", () => {
-  (0, _vitest.it)("should render basic steps", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-step").length).toBe(3);
-  });
-  (0, _vitest.it)("should show correct status based on active", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-          <yh-step title="Step 3" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    (0, _vitest.expect)(steps[0].classes()).toContain("is-finish");
-    (0, _vitest.expect)(steps[1].classes()).toContain("is-process");
-    (0, _vitest.expect)(steps[2].classes()).toContain("is-wait");
-  });
-  (0, _vitest.it)("should support vertical direction", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps direction="vertical" :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps--vertical").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support simple mode", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps simple :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps.is-simple").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support description", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="0">
-          <yh-step title="Step 1" description="Description 1" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-step__description").text()).toBe("Description 1");
-  });
-  (0, _vitest.it)("should support custom status", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps :active="1">
-          <yh-step title="Step 1" status="error" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    (0, _vitest.expect)(steps[0].classes()).toContain("is-error");
-  });
-  (0, _vitest.it)("should support clickable steps", async () => {
-    const onChange = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps clickable :active="0" @change="onChange">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `,
-      setup() {
-        return {
-          onChange
-        };
-      }
-    });
-    await (0, _vue.nextTick)();
-    const steps = wrapper.findAll(".yh-step");
-    await steps[1].trigger("click");
-    (0, _vitest.expect)(onChange).toHaveBeenCalledWith(1);
-  });
-  (0, _vitest.it)("should support dot progress style", async () => {
-    const wrapper = (0, _testUtils.mount)({
-      components: {
-        YhSteps: _steps.default,
-        YhStep: _step.default
-      },
-      template: `
-        <yh-steps progress-dot :active="0">
-          <yh-step title="Step 1" />
-          <yh-step title="Step 2" />
-        </yh-steps>
-      `
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-steps.is-dot").exists()).toBe(true);
-  });
-});