0.29.1原版

2026-07-02 19:14:14 +08:00
commit d94008f0fb
947 changed files with 174905 additions and 0 deletions
@@ -0,0 +1,77 @@
+import { renderToStaticMarkup } from "react-dom/server";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { List, ListItem } from "@/components/MemoContent/markdown";
+import { TASK_LIST_CLASS, TASK_LIST_ITEM_CLASS } from "@/components/MemoContent/constants";
+import { remarkSplitMixedTaskLists } from "@/utils/remark-plugins/remark-split-mixed-task-lists";
+import { describe, expect, it } from "vitest";
+
+const renderListContent = (content: string): string =>
+  renderToStaticMarkup(
+    <ReactMarkdown
+      remarkPlugins={[remarkGfm, remarkSplitMixedTaskLists]}
+      components={{
+        ul: ({ children, ...props }) => <List {...props}>{children}</List>,
+        li: ({ children, ...props }) => <ListItem {...props}>{children}</ListItem>,
+      }}
+    >
+      {content}
+    </ReactMarkdown>,
+  );
+
+describe("memo content lists", () => {
+  it("keeps bullets on regular items in mixed task and bullet lists", () => {
+    const html = renderListContent("- [ ] pickup package\n- [ ] library returns\n\n- milk\n- eggs\n- bread");
+    const listOpenTags = html.match(/<ul class="[^"]*"/g) ?? [];
+
+    expect(listOpenTags).toHaveLength(2);
+    expect(listOpenTags[0]).toContain(TASK_LIST_CLASS);
+    expect(listOpenTags[0]).toContain("list-none");
+    expect(listOpenTags[0]).not.toContain("pl-6");
+    expect(listOpenTags[1]).not.toContain(TASK_LIST_CLASS);
+    expect(listOpenTags[1]).toContain("pl-6");
+    expect(listOpenTags[1]).toContain("list-disc");
+    expect(html).toContain('<li class="mt-0.5 leading-6">milk</li>');
+    expect(html).not.toContain('<li class="mt-0.5 leading-6">\n<p>milk</p>');
+    expect(html).toContain(TASK_LIST_ITEM_CLASS);
+    expect(html).toContain("grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-2");
+    expect(html).toContain('<div class="min-w-0 [overflow-wrap:anywhere] [&amp;&gt;*:last-child]:mb-0"> pickup package</div>');
+    expect(html).not.toMatch(/<li class="[^"]*task-list-item[^"]*"><p\b/);
+  });
+
+  it("keeps compact styling for pure task lists", () => {
+    const html = renderListContent("- [ ] pickup package\n- [ ] library returns");
+
+    expect(html).toMatch(/<ul class="[^"]*\blist-none\b[^"]*"/);
+    expect(html).not.toMatch(/<ul class="[^"]*\blist-disc\b[^"]*"/);
+    expect(html).not.toMatch(/<li class="[^"]*task-list-item[^"]*"><p\b/);
+  });
+
+  it("keeps nested task lists on their own row", () => {
+    const html = renderListContent("- [ ] asdas\n  - [ ] zzzz");
+
+    expect(html).toContain("grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-2");
+    expect(html).toContain('<div class="min-w-0 [overflow-wrap:anywhere] [&amp;&gt;*:last-child]:mb-0"> asdas');
+    expect(html).not.toContain("[&amp;_ul.contains-task-list]:ml-6");
+    expect(html).toContain("zzzz");
+  });
+
+  it("keeps loose task list paragraphs while aligning the first line", () => {
+    const html = renderListContent("- [ ] plan\n\n  keep details\n\n- [ ] zzzz");
+
+    expect(html).toMatch(/<li class="[^"]*task-list-item[^"]*">\s*<input type="checkbox" disabled=""\/>/);
+    expect(html).toContain('<div class="min-w-0 [overflow-wrap:anywhere] [&amp;&gt;*:last-child]:mb-0">');
+    expect(html).toContain("<p> plan</p>");
+    expect(html).toContain("<p>keep details</p>");
+    expect(html).toContain("zzzz");
+  });
+
+  it("keeps inline task markdown in the task body", () => {
+    const html = renderListContent("- [ ] Northern Lights in Iceland — booking this for winter, *finally*");
+
+    expect(html).toContain('<input type="checkbox" disabled=""/>');
+    expect(html).toContain(
+      '<div class="min-w-0 [overflow-wrap:anywhere] [&amp;&gt;*:last-child]:mb-0"> Northern Lights in Iceland — booking this for winter, <em>finally</em></div>',
+    );
+  });
+});