srcdev-nuxt-components 9.6.19 → 9.6.20

package/app/components/02.molecules/samaritan-prompt/tests/SamaritanPrompt.spec.ts

@@ -1,8 +1,21 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, afterEach, vi } from "vitest";
 import { mountSuspended } from "@nuxt/test-utils/runtime";
 import { nextTick } from "vue";
 import SamaritanPrompt from "../SamaritanPrompt.vue";
 
+const mounted: Awaited<ReturnType<typeof mountSuspended>>[] = [];
+
+const mountPrompt = async (options?: Parameters<typeof mountSuspended<typeof SamaritanPrompt>>[1]) => {
+  const wrapper = await mountSuspended(SamaritanPrompt, options);
+  mounted.push(wrapper);
+  return wrapper;
+};
+
+afterEach(() => {
+  mounted.splice(0).forEach((wrapper) => wrapper.unmount());
+  vi.restoreAllMocks();
+});
+
 const messages: string[] = ["Hello, world.", "Surveillance active.", "Threat detected."];
 const [firstMessage, secondMessage] = messages as [string, string, string];
 
@@ -10,35 +23,35 @@ const [firstMessage, secondMessage] = messages as [string, string, string];
 
 describe("SamaritanPrompt — typewriter", () => {
   it("mounts without error", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages },
     });
     expect(wrapper.vm).toBeTruthy();
   });
 
   it("renders the triangle cursor", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages },
     });
     expect(wrapper.find(".samaritan-prompt__cursor").text()).toBe("▲");
   });
 
   it("renders the underline element", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages },
     });
     expect(wrapper.find(".samaritan-prompt__underline").exists()).toBe(true);
   });
 
   it("starts with empty display text", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages },
     });
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("");
   });
 
   it("types one character per typeSpeed tick", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 100 },
     });
 
@@ -52,7 +65,7 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("fully types the first message", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 10 },
     });
 
@@ -62,7 +75,7 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("deletes text after hold duration", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 10, holdDuration: 500, deleteSpeed: 10 },
     });
 
@@ -77,7 +90,7 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("advances to the next message after deleting", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 10, holdDuration: 100, deleteSpeed: 10, pauseDuration: 100 },
     });
 
@@ -97,7 +110,7 @@ describe("SamaritanPrompt — typewriter", () => {
 
   it("cycles back to first message after last message", async () => {
     const singleMessage = "Only one.";
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages: [singleMessage], typeSpeed: 10, holdDuration: 100, deleteSpeed: 10, pauseDuration: 100 },
     });
 
@@ -109,21 +122,21 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("applies styleClassPassthrough", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, styleClassPassthrough: "custom-class" },
     });
     expect(wrapper.find(".samaritan-prompt").classes()).toContain("custom-class");
   });
 
   it("cursor is visible before typing starts", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 100 },
     });
     expect(wrapper.find(".samaritan-prompt__cursor").attributes("style")).toContain("opacity: 1");
   });
 
   it("cursor hides when typewriter starts typing first character", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 100 },
     });
 
@@ -134,7 +147,7 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("cursor returns when typewriter enters pause phase", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 10, holdDuration: 100, deleteSpeed: 10, pauseDuration: 100 },
     });
 
@@ -150,7 +163,7 @@ describe("SamaritanPrompt — typewriter", () => {
   });
 
   it("cursor is always visible when hideCursorInCycle is false", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 100, hideCursorInCycle: false },
     });
 
@@ -165,14 +178,14 @@ describe("SamaritanPrompt — typewriter", () => {
 
 describe("SamaritanPrompt — word-pulse", () => {
   it("mounts without error", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse" },
     });
     expect(wrapper.vm).toBeTruthy();
   });
 
   it("starts with empty display text and content visible", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500 },
     });
     await nextTick();
@@ -182,7 +195,7 @@ describe("SamaritanPrompt — word-pulse", () => {
   });
 
   it("makes content invisible when cycle starts after pause", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500, fadeDuration: 400, wordDuration: 1200 },
     });
     await nextTick();
@@ -198,7 +211,7 @@ describe("SamaritanPrompt — word-pulse", () => {
   });
 
   it("makes content visible after expansion delay", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500, fadeDuration: 400, wordDuration: 1200 },
     });
     await nextTick();
@@ -222,7 +235,7 @@ describe("SamaritanPrompt — word-pulse", () => {
   });
 
   it("fades content back out after word duration", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500, fadeDuration: 400, wordDuration: 1200 },
     });
     await nextTick();
@@ -250,7 +263,7 @@ describe("SamaritanPrompt — word-pulse", () => {
   });
 
   it("advances to the next message after fade out", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500, fadeDuration: 400, wordDuration: 1200 },
     });
     await nextTick();
@@ -284,7 +297,7 @@ describe("SamaritanPrompt — word-pulse", () => {
 
   it("collapses displayText and restores opacity at end of cycle", async () => {
     const singleMsg = "Only.";
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages: [singleMsg], effect: "word-pulse", pauseDuration: 300, fadeDuration: 200, wordDuration: 500 },
     });
     await nextTick();
@@ -318,7 +331,7 @@ describe("SamaritanPrompt — word-pulse", () => {
   });
 
   it("cursor hides when word-pulse cycle starts", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, effect: "word-pulse", pauseDuration: 500, fadeDuration: 400, wordDuration: 1200 },
     });
     await nextTick();
@@ -334,7 +347,7 @@ describe("SamaritanPrompt — word-pulse", () => {
 
   it("cursor returns after word-pulse cycle resets", async () => {
     const singleMsg = "Only.";
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages: [singleMsg], effect: "word-pulse", pauseDuration: 300, fadeDuration: 200, wordDuration: 500 },
     });
     await nextTick();
@@ -371,7 +384,7 @@ describe("SamaritanPrompt — word-pulse", () => {
 
 describe("SamaritanPrompt — accessibility and pause", () => {
   it("hides the animated content from assistive tech and exposes a polite live region", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, { props: { messages } });
+    const wrapper = await mountPrompt({ props: { messages } });
     expect(wrapper.find(".samaritan-prompt__content").attributes("aria-hidden")).toBe("true");
     const live = wrapper.find(".samaritan-prompt__sr-text");
     expect(live.attributes("aria-live")).toBe("polite");
@@ -380,7 +393,7 @@ describe("SamaritanPrompt — accessibility and pause", () => {
   });
 
   it("announces the full message once typed, and clears it when deleting starts", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, typeSpeed: 10, holdDuration: 500, deleteSpeed: 10 },
     });
 
@@ -394,7 +407,7 @@ describe("SamaritanPrompt — accessibility and pause", () => {
   });
 
   it("stops typing while hovered and resumes on leave", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, { props: { messages, typeSpeed: 100 } });
+    const wrapper = await mountPrompt({ props: { messages, typeSpeed: 100 } });
     const root = wrapper.find(".samaritan-prompt");
 
     vi.advanceTimersByTime(200);
@@ -415,7 +428,7 @@ describe("SamaritanPrompt — accessibility and pause", () => {
   });
 
   it("renders a custom cursor from the cursor slot", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages },
       slots: { cursor: () => "_" },
     });
@@ -423,7 +436,7 @@ describe("SamaritanPrompt — accessibility and pause", () => {
   });
 
   it("updates passthrough classes when the prop changes", async () => {
-    const wrapper = await mountSuspended(SamaritanPrompt, {
+    const wrapper = await mountPrompt({
       props: { messages, styleClassPassthrough: "first-class" },
     });
     await wrapper.setProps({ styleClassPassthrough: "second-class" });
@@ -432,3 +445,74 @@ describe("SamaritanPrompt — accessibility and pause", () => {
     expect(classes).not.toContain("first-class");
   });
 });
+
+// ─── Worst-case data ──────────────────────────────────────────────────────────
+
+const stubReducedMotion = () => {
+  const original = window.matchMedia;
+  window.matchMedia = ((query: string) => ({
+    matches: query.includes("prefers-reduced-motion: reduce"),
+    media: query,
+    onchange: null,
+    addEventListener: () => {},
+    removeEventListener: () => {},
+    addListener: () => {},
+    removeListener: () => {},
+    dispatchEvent: () => false,
+  })) as unknown as typeof window.matchMedia;
+  return () => {
+    window.matchMedia = original;
+  };
+};
+
+describe("SamaritanPrompt — worst-case data", () => {
+  const text = (wrapper: Awaited<ReturnType<typeof mountPrompt>>) => wrapper.find(".samaritan-prompt__text").text();
+
+  it("types an emoji with a skin-tone modifier as one character", async () => {
+    const wrapper = await mountPrompt({ props: { messages: ["👍🏽A"], typeSpeed: 100 } });
+    vi.advanceTimersByTime(100);
+    await nextTick();
+    expect(text(wrapper)).toBe("👍🏽");
+  });
+
+  it("moves past an empty message instead of stopping", async () => {
+    const wrapper = await mountPrompt({
+      props: { messages: ["", "B"], typeSpeed: 10, holdDuration: 10, deleteSpeed: 10, pauseDuration: 10 },
+    });
+    const seen = new Set<string>();
+    for (let i = 0; i < 12; i++) {
+      vi.advanceTimersByTime(10);
+      await nextTick();
+      seen.add(text(wrapper));
+    }
+    expect(seen.has("B")).toBe(true);
+  });
+
+  it("restarts when messages change by value, but not for an equal new array", async () => {
+    const wrapper = await mountPrompt({ props: { messages: ["AB"], typeSpeed: 100 } });
+    vi.advanceTimersByTime(100);
+    await nextTick();
+    expect(text(wrapper)).toBe("A");
+
+    await wrapper.setProps({ messages: ["AB"] });
+    expect(text(wrapper)).toBe("A");
+
+    await wrapper.setProps({ messages: ["XY"] });
+    expect(text(wrapper)).toBe("");
+    vi.advanceTimersByTime(100);
+    await nextTick();
+    expect(text(wrapper)).toBe("X");
+  });
+
+  it("shows the whole message at once under reduced motion", async () => {
+    const restore = stubReducedMotion();
+    try {
+      const wrapper = await mountPrompt({ props: { messages: ["HELLO"], typeSpeed: 100 } });
+      vi.advanceTimersByTime(100);
+      await nextTick();
+      expect(text(wrapper)).toBe("HELLO");
+    } finally {
+      restore();
+    }
+  });
+});

package/app/components/02.molecules/samaritan-prompt/tests/SamaritanPromptMixed.spec.ts

@@ -1,9 +1,22 @@
-import { describe, it, expect, afterEach } from "vitest";
+import { describe, it, expect, afterEach, vi } from "vitest";
 import { mountSuspended } from "@nuxt/test-utils/runtime";
 import { nextTick } from "vue";
 import SamaritanPromptMixed from "../SamaritanPromptMixed.vue";
 import type { SamaritanPromptMessageConfig as MessageConfig } from "~/types/components/samaritan-prompt";
 
+const mounted: Awaited<ReturnType<typeof mountSuspended>>[] = [];
+
+const mountMixed = async (options: Parameters<typeof mountSuspended<typeof SamaritanPromptMixed>>[1]) => {
+  const wrapper = await mountSuspended(SamaritanPromptMixed, options);
+  mounted.push(wrapper);
+  return wrapper;
+};
+
+afterEach(() => {
+  mounted.splice(0).forEach((wrapper) => wrapper.unmount());
+  vi.restoreAllMocks();
+});
+
 // ─── Typewriter ───────────────────────────────────────────────────────────────
 //
 // runTypewriter sets the first char and hides the cursor synchronously on mount,
@@ -22,30 +35,26 @@ describe("SamaritanPromptMixed — typewriter", () => {
 
   let wrapper: Awaited<ReturnType<typeof mountSuspended>>;
 
-  afterEach(() => {
-    wrapper?.unmount();
-  });
-
   it("mounts without error", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config] } });
     expect(wrapper.vm).toBeTruthy();
   });
 
   it("renders cursor, underline, and stage", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config] } });
     expect(wrapper.find(".samaritan-prompt__cursor").text()).toBe("▲");
     expect(wrapper.find(".samaritan-prompt__underline").exists()).toBe(true);
     expect(wrapper.find(".samaritan-prompt__stage").exists()).toBe(true);
   });
 
   it("types the first character immediately on mount", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick();
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("H");
   });
 
   it("types one character per typeSpeed tick", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick();
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("H");
 
@@ -56,13 +65,13 @@ describe("SamaritanPromptMixed — typewriter", () => {
   });
 
   it("hides cursor when typing starts", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick();
     expect(wrapper.find(".samaritan-prompt__cursor").attributes("style")).toContain("opacity: 0");
   });
 
   it("cursor stays visible when hideCursorInCycle is false", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, {
+    wrapper = await mountMixed({
       props: { messageConfigs: [{ ...config, hideCursorInCycle: false }] },
     });
     await nextTick();
@@ -78,7 +87,7 @@ describe("SamaritanPromptMixed — typewriter", () => {
       holdDuration: 200,
       pauseDuration: 100,
     };
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [short] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [short] } });
     await nextTick(); // "H" — first char immediate
 
     vi.advanceTimersByTime(100); // fire i=1 timer → "HI" typed, await wait(100) for i=2
@@ -106,7 +115,7 @@ describe("SamaritanPromptMixed — typewriter", () => {
       holdDuration: 200,
       pauseDuration: 100,
     };
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [short] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [short] } });
     await nextTick(); // "H" — cursor hidden
 
     vi.advanceTimersByTime(100); // exit type loop (single char)
@@ -125,7 +134,7 @@ describe("SamaritanPromptMixed — typewriter", () => {
   });
 
   it("applies styleClassPassthrough", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, {
+    wrapper = await mountMixed({
       props: { messageConfigs: [config], styleClassPassthrough: "custom-class" },
     });
     expect(wrapper.find(".samaritan-prompt").classes()).toContain("custom-class");
@@ -150,24 +159,20 @@ describe("SamaritanPromptMixed — word-pulse", () => {
 
   let wrapper: Awaited<ReturnType<typeof mountSuspended>>;
 
-  afterEach(() => {
-    wrapper?.unmount();
-  });
-
   it("mounts without error", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config] } });
     expect(wrapper.vm).toBeTruthy();
   });
 
   it("starts with empty display text", async () => {
     // mountSuspended flushes pending promises, resolving the component's initial await nextTick()
     // which immediately triggers the fade-out. Text is still empty until fadeDuration elapses.
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config] } });
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("");
   });
 
   it("fades content out when cycle starts", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick(); // component's await nextTick() resolves → sets opacity=0
     await nextTick(); // DOM update
 
@@ -175,7 +180,7 @@ describe("SamaritanPromptMixed — word-pulse", () => {
   });
 
   it("hides cursor when cycle starts", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick();
     await nextTick();
 
@@ -183,7 +188,7 @@ describe("SamaritanPromptMixed — word-pulse", () => {
   });
 
   it("cursor stays visible when hideCursorInCycle is false", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, {
+    wrapper = await mountMixed({
       props: { messageConfigs: [{ ...config, hideCursorInCycle: false }] },
     });
     await nextTick();
@@ -193,7 +198,7 @@ describe("SamaritanPromptMixed — word-pulse", () => {
   });
 
   it("shows text and restores opacity after fade duration and settle delay", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick(); // component's nextTick resolves → opacity=0, await wait(fadeDuration)
     await nextTick(); // DOM update
 
@@ -212,7 +217,7 @@ describe("SamaritanPromptMixed — word-pulse", () => {
   });
 
   it("fades text back out after word duration", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await nextTick();
     await nextTick();
 
@@ -237,12 +242,8 @@ describe("SamaritanPromptMixed — word-pulse", () => {
 // ─── Config resolution ────────────────────────────────────────────────────────
 
 describe("SamaritanPromptMixed — config resolution", () => {
-  afterEach(() => {
-    // wrappers are unmounted inline in each test
-  });
-
   it("falls back to global effect prop when not specified per message", async () => {
-    const wrapper = await mountSuspended(SamaritanPromptMixed, {
+    const wrapper = await mountMixed({
       props: {
         messageConfigs: [{ text: "TEST" }], // no effect
         introDelay: 0,
@@ -253,11 +254,10 @@ describe("SamaritanPromptMixed — config resolution", () => {
     await nextTick();
     // typewriter first char is immediate
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("T");
-    wrapper.unmount();
   });
 
   it("falls back to global typeSpeed when not specified per message", async () => {
-    const wrapper = await mountSuspended(SamaritanPromptMixed, {
+    const wrapper = await mountMixed({
       props: {
         messageConfigs: [{ text: "HI", effect: "typewriter" }],
         introDelay: 0,
@@ -276,11 +276,10 @@ describe("SamaritanPromptMixed — config resolution", () => {
     await nextTick();
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("HI");
 
-    wrapper.unmount();
   });
 
   it("per-message holdDuration overrides global default", async () => {
-    const wrapper = await mountSuspended(SamaritanPromptMixed, {
+    const wrapper = await mountMixed({
       props: {
         messageConfigs: [
           { text: "H", effect: "typewriter", typeSpeed: 100, holdDuration: 200, deleteSpeed: 50, pauseDuration: 100 },
@@ -303,7 +302,6 @@ describe("SamaritanPromptMixed — config resolution", () => {
     await nextTick();
 
     expect(wrapper.find(".samaritan-prompt__text").text()).toBe("");
-    wrapper.unmount();
   });
 });
 
@@ -321,12 +319,8 @@ describe("SamaritanPromptMixed — accessibility and pause", () => {
 
   let wrapper: Awaited<ReturnType<typeof mountSuspended>>;
 
-  afterEach(() => {
-    wrapper?.unmount();
-  });
-
   it("hides the animated content from assistive tech and exposes a polite live region", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     expect(wrapper.find(".samaritan-prompt__content").attributes("aria-hidden")).toBe("true");
     const live = wrapper.find(".samaritan-prompt__sr-text");
     expect(live.attributes("aria-live")).toBe("polite");
@@ -334,14 +328,14 @@ describe("SamaritanPromptMixed — accessibility and pause", () => {
   });
 
   it("announces the full message once it is typed", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], introDelay: 0 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], introDelay: 0 } });
     await vi.advanceTimersByTimeAsync(200);
     await nextTick();
     expect(wrapper.find(".samaritan-prompt__sr-text").text()).toBe("HI");
   });
 
   it("sets data-paused on hover and removes it on leave", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config] } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config] } });
     const root = wrapper.find(".samaritan-prompt");
     await root.trigger("pointerenter");
     expect(root.attributes("data-paused")).toBeDefined();
@@ -350,7 +344,7 @@ describe("SamaritanPromptMixed — accessibility and pause", () => {
   });
 
   it("stops typing while hovered and resumes on leave", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, {
+    wrapper = await mountMixed({
       props: { messageConfigs: [{ ...config, text: "HELLO" }], introDelay: 0 },
     });
     await vi.advanceTimersByTimeAsync(100);
@@ -369,7 +363,7 @@ describe("SamaritanPromptMixed — accessibility and pause", () => {
   });
 
   it("renders a custom cursor from the cursor slot", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, {
+    wrapper = await mountMixed({
       props: { messageConfigs: [config] },
       slots: { cursor: () => "_" },
     });
@@ -377,8 +371,61 @@ describe("SamaritanPromptMixed — accessibility and pause", () => {
   });
 
   it("exposes the fade duration as an inline private token", async () => {
-    wrapper = await mountSuspended(SamaritanPromptMixed, { props: { messageConfigs: [config], fadeDuration: 900 } });
+    wrapper = await mountMixed({ props: { messageConfigs: [config], fadeDuration: 900 } });
     const style = (wrapper.find(".samaritan-prompt").element as HTMLElement).style;
     expect(style.getPropertyValue("--_fade-duration")).toBe("900ms");
   });
 });
+
+// ─── Worst-case data ──────────────────────────────────────────────────────────
+
+describe("SamaritanPromptMixed — worst-case data", () => {
+  const text = (wrapper: Awaited<ReturnType<typeof mountMixed>>) => wrapper.find(".samaritan-prompt__text").text();
+
+  it("idles without spinning when messageConfigs is empty and introDelay is 0", async () => {
+    const wrapper = await mountMixed({ props: { messageConfigs: [], introDelay: 0 } });
+    vi.advanceTimersByTime(2000);
+    await nextTick();
+    expect(text(wrapper)).toBe("");
+  });
+
+  it("starts once messages arrive after an empty start", async () => {
+    const wrapper = await mountMixed({ props: { messageConfigs: [], introDelay: 0 } });
+    await wrapper.setProps({ messageConfigs: [{ text: "GO", effect: "typewriter", typeSpeed: 100 }] });
+    vi.advanceTimersByTime(500);
+    await Promise.resolve();
+    await nextTick();
+    expect(text(wrapper)).toBe("G");
+  });
+
+  it("types an emoji with a skin-tone modifier as one character", async () => {
+    const wrapper = await mountMixed({
+      props: { messageConfigs: [{ text: "👍🏽A", effect: "typewriter", typeSpeed: 100 }], introDelay: 0 },
+    });
+    await nextTick();
+    expect(text(wrapper)).toBe("👍🏽");
+  });
+
+  it("shows the whole message at once under reduced motion", async () => {
+    const original = window.matchMedia;
+    window.matchMedia = ((query: string) => ({
+      matches: query.includes("prefers-reduced-motion: reduce"),
+      media: query,
+      onchange: null,
+      addEventListener: () => {},
+      removeEventListener: () => {},
+      addListener: () => {},
+      removeListener: () => {},
+      dispatchEvent: () => false,
+    })) as unknown as typeof window.matchMedia;
+    try {
+      const wrapper = await mountMixed({
+        props: { messageConfigs: [{ text: "HELLO", effect: "typewriter", typeSpeed: 100 }], introDelay: 0 },
+      });
+      await nextTick();
+      expect(text(wrapper)).toBe("HELLO");
+    } finally {
+      window.matchMedia = original;
+    }
+  });
+});