47 lines
2.3 KiB
TypeScript
47 lines
2.3 KiB
TypeScript
/**
|
|
* @vitest-environment jsdom
|
|
*/
|
|
import { describe, expect, it } from "vitest"
|
|
|
|
import { normalizeTicketMentionHtml } from "@/components/ui/rich-text-editor"
|
|
|
|
function getAnchor(html: string): HTMLAnchorElement | null {
|
|
const template = document.createElement("template")
|
|
template.innerHTML = html
|
|
return template.content.querySelector("a.ticket-mention")
|
|
}
|
|
|
|
describe("normalizeTicketMentionHtml", () => {
|
|
it("returns original html when there is no ticket mention", () => {
|
|
const input = "<p>Sem menções aqui</p>"
|
|
expect(normalizeTicketMentionHtml(input)).toBe(input)
|
|
})
|
|
|
|
it("upgrades legacy mention markup with flattened text", () => {
|
|
const input =
|
|
'<p><a class="ticket-mention inline-flex items-center" href="/tickets/abc123">#41002•Integração ERP parada</a></p>'
|
|
const output = normalizeTicketMentionHtml(input)
|
|
const anchor = getAnchor(output)
|
|
expect(anchor).not.toBeNull()
|
|
expect(anchor?.dataset.ticketMention).toBe("true")
|
|
expect(anchor?.dataset.ticketId).toBe("abc123")
|
|
expect(anchor?.dataset.ticketReference).toBe("41002")
|
|
expect(anchor?.dataset.ticketStatus).toBe("PENDING")
|
|
expect(anchor?.dataset.ticketPriority).toBe("MEDIUM")
|
|
expect(anchor?.querySelector(".ticket-mention-dot")).not.toBeNull()
|
|
expect(anchor?.querySelector(".ticket-mention-ref")?.textContent).toBe("#41002")
|
|
expect(anchor?.querySelector(".ticket-mention-subject")?.textContent).toBe("Integração ERP parada")
|
|
})
|
|
|
|
it("preserves existing structured markup while refreshing classes", () => {
|
|
const input =
|
|
'<p><a data-ticket-mention="true" data-ticket-id="xyz" data-ticket-reference="123" data-ticket-status="RESOLVED" data-ticket-priority="LOW" data-ticket-subject="Teste" href="/tickets/xyz" class="ticket-mention"><span class="ticket-mention-dot"></span><span class="ticket-mention-ref">#123</span><span class="ticket-mention-sep">•</span><span class="ticket-mention-subject">Teste</span></a></p>'
|
|
const output = normalizeTicketMentionHtml(input)
|
|
const anchor = getAnchor(output)
|
|
expect(anchor).not.toBeNull()
|
|
expect(anchor?.dataset.ticketStatus).toBe("RESOLVED")
|
|
expect(anchor?.dataset.ticketPriority).toBe("LOW")
|
|
expect(anchor?.className).toContain("ticket-mention")
|
|
expect(anchor?.querySelector(".ticket-mention-dot")?.className).toContain("bg-emerald-500")
|
|
})
|
|
})
|