@yh-ui/components 0.1.21 → 0.1.22

package/dist/autocomplete/__tests__/autocomplete.test.mjs

@@ -1,263 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import Autocomplete from "../src/autocomplete.vue";
-describe("YhAutocomplete", () => {
-  const suggestions = [
-    { value: "vue" },
-    { value: "react" },
-    { value: "angular" },
-    { value: "svelte" }
-  ];
-  const fetchSuggestions = (query, cb) => {
-    const results = query ? suggestions.filter((item) => item.value.toLowerCase().includes(query.toLowerCase())) : suggestions;
-    cb(results);
-  };
-  it("should render correctly", () => {
-    const wrapper = mount(Autocomplete);
-    expect(wrapper.classes()).toContain("yh-autocomplete");
-    expect(wrapper.find("input").exists()).toBe(true);
-  });
-  it("should work with v-model", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    expect(wrapper.find("input").element.value).toBe("test");
-    await wrapper.find("input").setValue("new value");
-    expect(wrapper.props("modelValue")).toBe("new value");
-  });
-  it("should display placeholder", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9" }
-    });
-    expect(wrapper.find("input").attributes("placeholder")).toBe("\u8BF7\u8F93\u5165\u5185\u5BB9");
-  });
-  it("should be disabled when disabled prop is true", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { disabled: true }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-    expect(wrapper.find("input").attributes("disabled")).toBeDefined();
-  });
-  it("should apply size class", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { size: "large" }
-    });
-    expect(wrapper.classes()).toContain("yh-autocomplete--large");
-  });
-  it("should apply small size class", () => {
-    const wrapper = mount(Autocomplete, {
-      props: { size: "small" }
-    });
-    expect(wrapper.classes()).toContain("yh-autocomplete--small");
-  });
-  it("should show clear button when clearable and has value", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        clearable: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.find(".yh-autocomplete__clear").exists()).toBe(true);
-  });
-  it("should clear value when clear button is clicked", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        modelValue: "test",
-        clearable: true,
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find(".yh-autocomplete__clear").trigger("click");
-    expect(wrapper.emitted("clear")).toBeTruthy();
-    expect(wrapper.props("modelValue")).toBe("");
-  });
-  it("should emit focus and blur events", async () => {
-    const wrapper = mount(Autocomplete);
-    await wrapper.find("input").trigger("focus");
-    expect(wrapper.emitted("focus")).toBeTruthy();
-    await wrapper.find("input").trigger("blur");
-    await new Promise((resolve) => setTimeout(resolve, 200));
-    expect(wrapper.emitted("blur")).toBeTruthy();
-  });
-  it("should emit input event when typing", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").setValue("test");
-    expect(wrapper.emitted("input")).toBeTruthy();
-    expect(wrapper.emitted("input")[0]).toEqual(["test"]);
-  });
-  it("should call fetchSuggestions on input", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        debounce: 0,
-        "onUpdate:modelValue": (val) => wrapper.setProps({ modelValue: val })
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("v");
-    await nextTick();
-    await new Promise((resolve) => setTimeout(resolve, 50));
-    expect(mockFetch).toHaveBeenCalled();
-  });
-  it("should trigger suggestions on focus when triggerOnFocus is true", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(mockFetch).toHaveBeenCalled();
-  });
-  it("should navigate down with ArrowDown key", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find("input").trigger("keydown", { key: "ArrowDown" });
-    await wrapper.find("input").trigger("keydown", { key: "ArrowDown" });
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should close dropdown on Escape key", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    await wrapper.find("input").trigger("keydown", { key: "Escape" });
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should have correct ARIA attributes", () => {
-    const wrapper = mount(Autocomplete);
-    const input = wrapper.find("input");
-    expect(input.attributes("role")).toBe("combobox");
-    expect(input.attributes("aria-autocomplete")).toBe("list");
-  });
-  it("should render prepend and append slots", () => {
-    const wrapper = mount(Autocomplete, {
-      slots: {
-        prepend: "<span>http://</span>",
-        append: "<span>.com</span>"
-      }
-    });
-    expect(wrapper.find(".yh-autocomplete__prepend").exists()).toBe(true);
-    expect(wrapper.find(".yh-autocomplete__append").exists()).toBe(true);
-  });
-  it("should render custom suggestion slot", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions,
-        triggerOnFocus: true
-      },
-      slots: {
-        default: ({ item }) => `Custom: ${item.value}`
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.emitted()).toBeTruthy();
-  });
-  it("should expose focus and blur methods", () => {
-    const wrapper = mount(Autocomplete);
-    const vm = wrapper.vm;
-    expect(typeof vm.focus).toBe("function");
-    expect(typeof vm.blur).toBe("function");
-    expect(typeof vm.close).toBe("function");
-    expect(typeof vm.highlight).toBe("function");
-  });
-  it("should highlight first item when highlightFirstItem is true", async () => {
-    const mockFetch = vi.fn((query, cb) => cb(suggestions));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: mockFetch,
-        highlightFirstItem: true,
-        triggerOnFocus: true
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    expect(wrapper.vm.highlightedIndex).toBe(0);
-  });
-  it("should support custom valueKey", async () => {
-    const customSuggestions = [{ id: 1, name: "vue" }];
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(customSuggestions),
-        valueKey: "name",
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    const items = wrapper.findAll(".yh-autocomplete__suggestion");
-    expect(items[0].text()).toBe("vue");
-  });
-  it("should scroll to highlighted item", async () => {
-    const manySuggestions = Array.from({ length: 20 }, (_, i) => ({ value: `item ${i}` }));
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb(manySuggestions),
-        triggerOnFocus: true,
-        teleported: false
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await nextTick();
-    const vm = wrapper.vm;
-    vm.highlight(15);
-    await nextTick();
-    expect(vm.highlightedIndex).toBe(15);
-  });
-  it("should render loading and empty slots", async () => {
-    const wrapper = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => {
-        },
-        teleported: false
-      },
-      slots: {
-        loading: '<div class="custom-loading">Loading...</div>'
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    await wrapper.find("input").setValue("a");
-    await nextTick();
-    expect(wrapper.find(".custom-loading").exists()).toBe(true);
-    const wrapperEmpty = mount(Autocomplete, {
-      props: {
-        fetchSuggestions: (q, cb) => cb([]),
-        teleported: false
-      },
-      slots: {
-        empty: '<div class="custom-empty">No Data</div>'
-      }
-    });
-    await wrapperEmpty.find("input").trigger("focus");
-    await wrapperEmpty.find("input").setValue("a");
-    await nextTick();
-    expect(wrapperEmpty.find(".custom-empty").exists()).toBe(true);
-  });
-});

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

@@ -1,103 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _avatar = _interopRequireDefault(require("../src/avatar.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAvatar SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      shape: "circle",
-      size: "default"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-avatar");
-    (0, _ssr.expectSSRHasClass)(html, "yh-avatar--circle");
-  });
-  (0, _vitest.it)("should render square shape in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      shape: "square"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-avatar--square");
-  });
-  (0, _vitest.it)("should render with image in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      src: "https://example.com/avatar.png",
-      alt: "User Avatar"
-    });
-    (0, _vitest.expect)(html).toContain('src="https://example.com/avatar.png"');
-    (0, _vitest.expect)(html).toContain('alt="User Avatar"');
-    (0, _ssr.expectSSRHasClass)(html, "yh-avatar__img");
-  });
-  (0, _vitest.it)("should render with srcSet in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      src: "https://example.com/avatar.png",
-      srcSet: "https://example.com/avatar-2x.png 2x"
-    });
-    (0, _vitest.expect)(html).toContain('srcset="https://example.com/avatar-2x.png 2x"');
-  });
-  (0, _vitest.it)("should render custom size in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      size: 80
-    });
-    (0, _vitest.expect)(html).toMatch(/width:\s*80px/);
-    (0, _vitest.expect)(html).toMatch(/height:\s*80px/);
-  });
-  (0, _vitest.it)("should render preset size in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      size: "large"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-avatar--large");
-  });
-  (0, _vitest.it)("should render with fit in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      src: "https://example.com/avatar.png",
-      fit: "contain"
-    });
-    (0, _vitest.expect)(html).toMatch(/object-fit:\s*contain/);
-  });
-  (0, _vitest.it)("should render text content in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {}, {
-      default: () => "YH"
-    });
-    (0, _vitest.expect)(html).toContain("YH");
-  });
-  (0, _vitest.it)("should render custom background color in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default, {
-      backgroundColor: "#F56C6C"
-    });
-    (0, _vitest.expect)(html).toContain("background-color");
-  });
-  (0, _vitest.it)("should have role=img in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_avatar.default);
-    (0, _vitest.expect)(html).toContain('role="img"');
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_avatar.default, {
-      shape: "circle",
-      size: "default"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with image without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_avatar.default, {
-      src: "https://example.com/avatar.png",
-      alt: "Avatar"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with custom size without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_avatar.default, {
-      size: 60,
-      shape: "square"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate text content without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_avatar.default, {
-      size: "large"
-    }, {
-      default: () => "AB"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,108 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Avatar from "../src/avatar.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhAvatar SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      shape: "circle",
-      size: "default"
-    });
-    expectSSRHasClass(html, "yh-avatar");
-    expectSSRHasClass(html, "yh-avatar--circle");
-  });
-  it("should render square shape in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      shape: "square"
-    });
-    expectSSRHasClass(html, "yh-avatar--square");
-  });
-  it("should render with image in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      src: "https://example.com/avatar.png",
-      alt: "User Avatar"
-    });
-    expect(html).toContain('src="https://example.com/avatar.png"');
-    expect(html).toContain('alt="User Avatar"');
-    expectSSRHasClass(html, "yh-avatar__img");
-  });
-  it("should render with srcSet in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      src: "https://example.com/avatar.png",
-      srcSet: "https://example.com/avatar-2x.png 2x"
-    });
-    expect(html).toContain('srcset="https://example.com/avatar-2x.png 2x"');
-  });
-  it("should render custom size in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      size: 80
-    });
-    expect(html).toMatch(/width:\s*80px/);
-    expect(html).toMatch(/height:\s*80px/);
-  });
-  it("should render preset size in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      size: "large"
-    });
-    expectSSRHasClass(html, "yh-avatar--large");
-  });
-  it("should render with fit in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      src: "https://example.com/avatar.png",
-      fit: "contain"
-    });
-    expect(html).toMatch(/object-fit:\s*contain/);
-  });
-  it("should render text content in SSR", async () => {
-    const html = await renderSSR(
-      Avatar,
-      {},
-      {
-        default: () => "YH"
-      }
-    );
-    expect(html).toContain("YH");
-  });
-  it("should render custom background color in SSR", async () => {
-    const html = await renderSSR(Avatar, {
-      backgroundColor: "#F56C6C"
-    });
-    expect(html).toContain("background-color");
-  });
-  it("should have role=img in SSR", async () => {
-    const html = await renderSSR(Avatar);
-    expect(html).toContain('role="img"');
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Avatar, {
-      shape: "circle",
-      size: "default"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with image without mismatch", async () => {
-    const result = await testHydration(Avatar, {
-      src: "https://example.com/avatar.png",
-      alt: "Avatar"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with custom size without mismatch", async () => {
-    const result = await testHydration(Avatar, {
-      size: 60,
-      shape: "square"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate text content without mismatch", async () => {
-    const result = await testHydration(
-      Avatar,
-      {
-        size: "large"
-      },
-      {
-        default: () => "AB"
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/avatar/__tests__/avatar.test.cjs

@@ -1,146 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _avatar = _interopRequireDefault(require("../src/avatar.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAvatar \u7EC4\u4EF6", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default);
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u9ED8\u8BA4\u4E3A\u5706\u5F62", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default);
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--circle");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u65B9\u5F62", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        shape: "square"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--square");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 small", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        size: "small"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--small");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 large", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--large");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u6570\u5B57\u5C3A\u5BF8", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        size: 80
-      }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    (0, _vitest.expect)(style).toContain("width: 80px");
-    (0, _vitest.expect)(style).toContain("height: 80px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u56FE\u7247", () => {
-    const src = "https://example.com/avatar.png";
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src
-      }
-    });
-    const img = wrapper.find(".yh-avatar__img");
-    (0, _vitest.expect)(img.exists()).toBe(true);
-    (0, _vitest.expect)(img.attributes("src")).toBe(src);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 alt \u5C5E\u6027", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src: "https://example.com/avatar.png",
-        alt: "\u7528\u6237\u5934\u50CF"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-avatar__img").attributes("alt")).toBe("\u7528\u6237\u5934\u50CF");
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").attributes("aria-label")).toBe("\u7528\u6237\u5934\u50CF");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 srcSet \u5C5E\u6027", () => {
-    const srcSet = "https://example.com/avatar-2x.png 2x";
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src: "https://example.com/avatar.png",
-        srcSet
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-avatar__img").attributes("srcset")).toBe(srcSet);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 fit \u5C5E\u6027", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src: "https://example.com/avatar.png",
-        fit: "contain"
-      }
-    });
-    const imgStyle = wrapper.find(".yh-avatar__img").attributes("style");
-    (0, _vitest.expect)(imgStyle).toContain("object-fit: contain");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u5904\u7406\u56FE\u7247\u52A0\u8F7D\u5931\u8D25", async () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src: "https://invalid-url.com/avatar.png"
-      }
-    });
-    await wrapper.find(".yh-avatar__img").trigger("error");
-    (0, _vitest.expect)(wrapper.find(".yh-avatar__img").exists()).toBe(false);
-    (0, _vitest.expect)(wrapper.emitted("error")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("error").length).toBe(1);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u540E\u663E\u793A\u9ED8\u8BA4\u63D2\u69FD", async () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        src: "https://invalid-url.com/avatar.png"
-      },
-      slots: {
-        default: '<span class="fallback">FB</span>'
-      }
-    });
-    await wrapper.find(".yh-avatar__img").trigger("error");
-    (0, _vitest.expect)(wrapper.find(".fallback").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".fallback").text()).toBe("FB");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9ED8\u8BA4\u63D2\u69FD\u663E\u793A\u6587\u5B57", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      slots: {
-        default: "YH"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("YH");
-    (0, _vitest.expect)(wrapper.find(".yh-avatar__img").exists()).toBe(false);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u80CC\u666F\u8272 backgroundColor", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        backgroundColor: "#F56C6C"
-      }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    (0, _vitest.expect)(style).toContain("background-color");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u65E7 API color \u5C5E\u6027\u4F5C\u4E3A\u80CC\u666F\u8272", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default, {
-      props: {
-        color: "#67C23A"
-      }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    (0, _vitest.expect)(style).toContain("background-color");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6709 role=img", () => {
-    const wrapper = (0, _testUtils.mount)(_avatar.default);
-    (0, _vitest.expect)(wrapper.find(".yh-avatar").attributes("role")).toBe("img");
-  });
-});