@handled-ai/design-system 0.20.5 → 0.20.6

package/src/components/__tests__/timeline-activity.test.tsx

@@ -1,7 +1,7 @@
 import "@testing-library/jest-dom/vitest"
 import { describe, it, expect } from "vitest"
 import React from "react"
-import { render, screen } from "@testing-library/react"
+import { fireEvent, render, screen } from "@testing-library/react"
 import {
   TimelineActivity,
   TONE_CLASSES,
@@ -12,6 +12,17 @@ import {
 // Helpers
 // ---------------------------------------------------------------------------
 
+function expectNoVisibleEscapeArtifacts(value: string) {
+  expect(value).not.toMatch(/&#(?:x[0-9a-f]+|\d+);?/i)
+  expect(value).not.toContain("&")
+  expect(value).not.toContain("<")
+  expect(value).not.toContain(">")
+  expect(value).not.toContain(""")
+  expect(value).not.toContain('\\"')
+  expect(value).not.toContain("\\'")
+  expect(value).not.toContain("\\n")
+}
+
 function minimal(overrides: Partial<TimelineEvent> = {}): TimelineEvent {
   return {
     id: "e1",
@@ -328,4 +339,45 @@ describe("TimelineActivity", () => {
       "https://salesforce.example/case/1",
     )
   })
+
+  it("uses shared helpers for decoded timeline sender, timestamp, snippets, and collapsed details", () => {
+    const event = minimal({
+      isInteractive: true,
+      defaultExpanded: false,
+      email: {
+        from: "Cory &amp; Co",
+        fromEmail: "cory@example.com",
+        to: "Jane &amp; Team <jane@example.com>",
+        cc: "Ops &lt;ops@example.com&gt;",
+        date: "2026-06-08T15:30:00.000Z",
+        subject: "Update &amp; next steps",
+        body: "plain fallback",
+        bodyHtml:
+          "<p>Hello Jane &amp; team — it&#39;s ready.</p><p>Thanks,</p><p>Cory Pitt</p><p>Handled<sup>AI</sup></p>",
+      },
+      preview: "Hello Jane &amp; team — it&#39;s ready.",
+    })
+
+    const { container } = render(<TimelineActivity events={[event]} />)
+    const collapsedText = container.textContent ?? ""
+
+    expect(collapsedText).toContain("Cory & Co")
+    expect(collapsedText).toContain("Update & next steps")
+    expect(collapsedText).toContain("Hello Jane & team — it's ready.")
+    expectNoVisibleEscapeArtifacts(collapsedText)
+
+    fireEvent.click(screen.getByRole("button", { name: /Expand/i }))
+
+    expect(screen.getByText("Jun 8, 2026, 3:30 PM")).toBeTruthy()
+    expect(screen.getByText(/Jane & Team <jane@example.com>/)).toBeTruthy()
+    expect(container.querySelector('[data-slot="email-body-details"]')).toBeNull()
+    expect(screen.getByRole("button", { name: "•••" })).toBeTruthy()
+    expect(container.textContent).not.toContain("HandledAI")
+
+    fireEvent.click(screen.getByRole("button", { name: "•••" }))
+    expect(container.querySelector("sup")?.textContent).toBe("AI")
+    expect(container.textContent).toContain("HandledAI")
+    expectNoVisibleEscapeArtifacts(container.textContent ?? "")
+  })
+
 })