// Markdown Core tests cover ir.table code behavior. import { describe, expect, it } from "vitest"; import { markdownToIR } from "./ir.js"; describe("markdownToIR tableMode code", () => { it("aligns CJK and emoji cells by display width", () => { const md = ` | Kind | Value | | --- | --- | | ็ฑปๅž‹ | Frontend | | ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ | Family | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); expect(ir.text).toBe( [ "| Kind | Value |", "| ---- | -------- |", "| ็ฑปๅž‹ | Frontend |", "| ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆ | Family |", "", ].join("\n"), ); }); it("keeps text-presentation and incomplete emoji sequences narrow", () => { const md = ` | I | L | | --- | --- | | ยฉ | text | | 1๏ธ | selector | | A | ascii | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); expect(ir.text).toBe( [ "| I | L |", "| --- | -------- |", "| ยฉ | text |", "| 1๏ธ | selector |", "| A | ascii |", "", ].join("\n"), ); }); it("should not have overlapping styles when cell has bold text", () => { const md = ` | Name | Value | |------|-------| | **Bold** | Normal | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); // Check for overlapping styles const codeBlockSpan = ir.styles.find((s) => s.style === "code_block"); const boldSpan = ir.styles.find((s) => s.style === "bold"); // Either: // 1. There should be no bold spans in code mode (inner styles stripped), OR // 2. If bold spans exist, they should not overlap with code_block span if (codeBlockSpan && boldSpan) { // Check for overlap const overlaps = boldSpan.start < codeBlockSpan.end && boldSpan.end > codeBlockSpan.start; // Overlapping styles are the bug - this should fail until fixed expect(overlaps).toBe(false); } }); it("should not have overlapping styles when cell has italic text", () => { const md = ` | Name | Value | |------|-------| | *Italic* | Normal | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); const codeBlockSpan = ir.styles.find((s) => s.style === "code_block"); const italicSpan = ir.styles.find((s) => s.style === "italic"); if (codeBlockSpan && italicSpan) { const overlaps = italicSpan.start < codeBlockSpan.end && italicSpan.end > codeBlockSpan.start; expect(overlaps).toBe(false); } }); it("should not have overlapping styles when cell has inline code", () => { const md = ` | Name | Value | |------|-------| | \`code\` | Normal | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); const codeBlockSpan = ir.styles.find((s) => s.style === "code_block"); const codeSpan = ir.styles.find((s) => s.style === "code"); if (codeBlockSpan && codeSpan) { const overlaps = codeSpan.start < codeBlockSpan.end && codeSpan.end > codeBlockSpan.start; expect(overlaps).toBe(false); } }); it("should not have overlapping styles with multiple styled cells", () => { const md = ` | Name | Value | |------|-------| | **A** | *B* | | _C_ | ~~D~~ | `.trim(); const ir = markdownToIR(md, { tableMode: "code" }); const codeBlockSpan = ir.styles.find((s) => s.style === "code_block"); if (!codeBlockSpan) { return; } // Check that no non-code_block style overlaps with code_block for (const style of ir.styles) { if (style.style === "code_block") { continue; } const overlaps = style.start < codeBlockSpan.end && style.end > codeBlockSpan.start; expect(overlaps).toBe(false); } }); });