@yh-ui/components 0.1.21 → 0.1.22

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

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

package/dist/submit-bar/__tests__/submit-bar.ssr.test.cjs

@@ -1,21 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _submitBar = _interopRequireDefault(require("../src/submit-bar.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("SubmitBar SSR", () => {
-  const props = {
-    price: 3050,
-    centUnit: true,
-    buttonText: "Submit Now"
-  };
-  (0, _vitest.it)("renders correctly on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_submitBar.default, props));
-    (0, _vitest.expect)(html).toContain("yh-submit-bar");
-    (0, _vitest.expect)(html).toContain("30");
-    (0, _vitest.expect)(html).toContain("50");
-    (0, _vitest.expect)(html).toContain("Submit Now");
-  });
-});

package/dist/submit-bar/__tests__/submit-bar.ssr.test.mjs

@@ -1,18 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import SubmitBar from "../src/submit-bar.vue";
-describe("SubmitBar SSR", () => {
-  const props = {
-    price: 3050,
-    centUnit: true,
-    buttonText: "Submit Now"
-  };
-  it("renders correctly on server", async () => {
-    const html = await renderToString(h(SubmitBar, props));
-    expect(html).toContain("yh-submit-bar");
-    expect(html).toContain("30");
-    expect(html).toContain("50");
-    expect(html).toContain("Submit Now");
-  });
-});

package/dist/submit-bar/__tests__/submit-bar.test.cjs

@@ -1,50 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _submitBar = _interopRequireDefault(require("../src/submit-bar.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("SubmitBar", () => {
-  const props = {
-    price: 3050,
-    centUnit: true,
-    buttonText: "Submit Now",
-    showCheckbox: true
-  };
-  (0, _vitest.it)("renders correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
-      props
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("30");
-    (0, _vitest.expect)(wrapper.text()).toContain("50");
-    (0, _vitest.expect)(wrapper.text()).toContain("Submit Now");
-  });
-  (0, _vitest.it)("handles button click", async () => {
-    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
-      props
-    });
-    const button = wrapper.find(".yh-submit-bar__btn");
-    await button.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("submit")).toBeTruthy();
-  });
-  (0, _vitest.it)("handles disabled state", async () => {
-    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
-      props: {
-        ...props,
-        disabled: true
-      }
-    });
-    const button = wrapper.find(".yh-submit-bar__btn");
-    await button.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("submit")).toBeFalsy();
-  });
-  (0, _vitest.it)("handles checkbox toggle", async () => {
-    const wrapper = (0, _testUtils.mount)(_submitBar.default, {
-      props
-    });
-    const checkInput = wrapper.find('input[type="checkbox"]');
-    await checkInput.setValue(true);
-    (0, _vitest.expect)(wrapper.emitted("update:checked")[0]).toEqual([true]);
-    (0, _vitest.expect)(wrapper.emitted("check-change")[0]).toEqual([true]);
-  });
-});

package/dist/submit-bar/__tests__/submit-bar.test.mjs

@@ -1,36 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import SubmitBar from "../src/submit-bar.vue";
-describe("SubmitBar", () => {
-  const props = {
-    price: 3050,
-    centUnit: true,
-    buttonText: "Submit Now",
-    showCheckbox: true
-  };
-  it("renders correctly", () => {
-    const wrapper = mount(SubmitBar, { props });
-    expect(wrapper.text()).toContain("30");
-    expect(wrapper.text()).toContain("50");
-    expect(wrapper.text()).toContain("Submit Now");
-  });
-  it("handles button click", async () => {
-    const wrapper = mount(SubmitBar, { props });
-    const button = wrapper.find(".yh-submit-bar__btn");
-    await button.trigger("click");
-    expect(wrapper.emitted("submit")).toBeTruthy();
-  });
-  it("handles disabled state", async () => {
-    const wrapper = mount(SubmitBar, { props: { ...props, disabled: true } });
-    const button = wrapper.find(".yh-submit-bar__btn");
-    await button.trigger("click");
-    expect(wrapper.emitted("submit")).toBeFalsy();
-  });
-  it("handles checkbox toggle", async () => {
-    const wrapper = mount(SubmitBar, { props });
-    const checkInput = wrapper.find('input[type="checkbox"]');
-    await checkInput.setValue(true);
-    expect(wrapper.emitted("update:checked")[0]).toEqual([true]);
-    expect(wrapper.emitted("check-change")[0]).toEqual([true]);
-  });
-});

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

@@ -1,105 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _switch = _interopRequireDefault(require("../src/switch.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSwitch SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: false
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-switch");
-  });
-  (0, _vitest.it)("should render checked state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-checked");
-  });
-  (0, _vitest.it)("should render unchecked state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: false
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-switch");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: false,
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render loading state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: false,
-      loading: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-loading");
-  });
-  (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)(_switch.default, {
-        modelValue: false,
-        size
-      });
-      if (size !== "default") {
-        (0, _ssr.expectSSRHasClass)(html, `yh-switch--${size}`);
-      }
-    }
-  });
-  (0, _vitest.it)("should render with active text in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: true,
-      activeText: "On"
-    });
-    (0, _vitest.expect)(html).toContain("On");
-  });
-  (0, _vitest.it)("should render with inactive text in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: false,
-      inactiveText: "Off"
-    });
-    (0, _vitest.expect)(html).toContain("Off");
-  });
-  (0, _vitest.it)("should render custom colors in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: true,
-      activeColor: "#13ce66",
-      inactiveColor: "#ff4949"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-switch");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_switch.default, {
-      modelValue: true,
-      activeText: "ON",
-      inactiveText: "OFF"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with loading state", async () => {
-    const result = await (0, _ssr.testHydration)(_switch.default, {
-      modelValue: false,
-      loading: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should render with custom active value in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: "yes",
-      activeValue: "yes",
-      inactiveValue: "no"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-checked");
-  });
-  (0, _vitest.it)("should render with custom inactive value in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_switch.default, {
-      modelValue: "no",
-      activeValue: "yes",
-      inactiveValue: "no"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-switch");
-  });
-});

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

@@ -1,102 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Switch from "../src/switch.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhSwitch SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: false
-    });
-    expectSSRHasClass(html, "yh-switch");
-  });
-  it("should render checked state in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: true
-    });
-    expectSSRHasClass(html, "is-checked");
-  });
-  it("should render unchecked state in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: false
-    });
-    expectSSRHasClass(html, "yh-switch");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: false,
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render loading state in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: false,
-      loading: true
-    });
-    expectSSRHasClass(html, "is-loading");
-  });
-  it("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await renderSSR(Switch, {
-        modelValue: false,
-        size
-      });
-      if (size !== "default") {
-        expectSSRHasClass(html, `yh-switch--${size}`);
-      }
-    }
-  });
-  it("should render with active text in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: true,
-      activeText: "On"
-    });
-    expect(html).toContain("On");
-  });
-  it("should render with inactive text in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: false,
-      inactiveText: "Off"
-    });
-    expect(html).toContain("Off");
-  });
-  it("should render custom colors in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: true,
-      activeColor: "#13ce66",
-      inactiveColor: "#ff4949"
-    });
-    expectSSRHasClass(html, "yh-switch");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Switch, {
-      modelValue: true,
-      activeText: "ON",
-      inactiveText: "OFF"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with loading state", async () => {
-    const result = await testHydration(Switch, {
-      modelValue: false,
-      loading: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should render with custom active value in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: "yes",
-      activeValue: "yes",
-      inactiveValue: "no"
-    });
-    expectSSRHasClass(html, "is-checked");
-  });
-  it("should render with custom inactive value in SSR", async () => {
-    const html = await renderSSR(Switch, {
-      modelValue: "no",
-      activeValue: "yes",
-      inactiveValue: "no"
-    });
-    expectSSRHasClass(html, "yh-switch");
-  });
-});