diff --git a/packages/x/components/sender/Sender.tsx b/packages/x/components/sender/Sender.tsx index c383ce8..108c3e4 100644 --- a/packages/x/components/sender/Sender.tsx +++ b/packages/x/components/sender/Sender.tsx @@ -1,6 +1,7 @@ import type { PropType, StyleValue } from "vue"; import type { CSSProperties } from "vue"; +import { Flex } from "antdv-next"; import { useConfig } from "antdv-next/config-provider/context"; import { computed, defineComponent, ref, useAttrs, watch } from "vue"; @@ -363,10 +364,10 @@ export default defineComponent({ const actionListCls = `${cls}-actions-list`; const actionNode = ( -
+ {props.allowSpeech && } {props.loading ? : } -
+ ); const suffixNode = diff --git a/packages/x/components/sender/__tests__/index.test.tsx b/packages/x/components/sender/__tests__/index.test.tsx index 4c44db1..3fab439 100644 --- a/packages/x/components/sender/__tests__/index.test.tsx +++ b/packages/x/components/sender/__tests__/index.test.tsx @@ -1,8 +1,12 @@ import { mount } from "@vue/test-utils"; -import { describe, expect, it, vi } from "vitest"; +import { beforeEach, describe, expect, it, vi } from "vitest"; import Sender from ".."; +beforeEach(() => { + document.head.innerHTML = ""; +}); + describe("Sender", () => { it("should render with default props", () => { const wrapper = mount(Sender); @@ -117,6 +121,15 @@ describe("Sender", () => { expect(buttons.length).toBeGreaterThanOrEqual(1); }); + it("should render action presets with Flex", () => { + const wrapper = mount(Sender, { + props: { allowSpeech: true }, + }); + + const presets = wrapper.find(".antd-sender-actions-list-presets"); + expect(presets.classes()).toContain("ant-flex"); + }); + it("should render loading button when loading", () => { const wrapper = mount(Sender, { props: { loading: true },