Hare/yoi
1
1
Fork 0
Code Actions Packages Releases Activity

fix(web): cover deep document headings

Browse Source
This commit is contained in:
Hare
2026-09-30 09:09:24 +09:00
parent 22c2e25c8f
commit 065812bc39
4 changed files with 38 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/workspace/src/lib/workspace/markdown/DocumentMarkdown.browser.spec.ts
+16 -4
View File
@@ -10,6 +10,10 @@ test("renders document Markdown semantics through the shared safe policy", async
const source = [
"# Memory heading",
"",
"##### Deep heading",
"",
"###### Deepest heading",
"",
"A paragraph with **strong context** and `inline-code`.",
"",
"- first item",
@@ -36,10 +40,15 @@ test("renders document Markdown semantics through the shared safe policy", async
expect(container.querySelector("table")).not.toBeNull();
});
expect(container.querySelector("h5")?.textContent).toBe("Deep heading");
expect(container.querySelector("h6")?.textContent).toBe("Deepest heading");
expect(container.querySelector("strong")?.textContent).toBe("strong context");
expect(container.querySelectorAll("li")).toHaveLength(2);
expect(container.querySelector("blockquote")?.textContent).toContain("durable quote");
expect(container.querySelector('a[href="https://example.com"]')).not.toBeNull();
expect(container.querySelector("blockquote")?.textContent).toContain(
"durable quote",
);
expect(container.querySelector('a[href="https://example.com"]')).not
.toBeNull();
expect(container.querySelectorAll("a")).toHaveLength(1);
expect(container.querySelector("img")).toBeNull();
expect(container.querySelector("script")).toBeNull();
@@ -52,13 +61,16 @@ test("renders document Markdown semantics through the shared safe policy", async
);
expect(tableRegion?.tabIndex).toBe(0);
expect(codeRegion?.tabIndex).toBe(0);
expect(codeRegion?.querySelector("pre > code")?.textContent).toContain("println!");
expect(codeRegion?.querySelector("pre > code")?.textContent).toContain(
"println!",
);
});
test("wraps long prose and identifiers without turning them into document-level controls", async () => {
const longIdentifier = "memory-identifier-".repeat(40);
const { container } = render(DocumentMarkdown, {
text: `Long value: ${longIdentifier}\n\n<details open><summary>unsafe HTML</summary></details>`,
text:
`Long value: ${longIdentifier}\n\n<details open><summary>unsafe HTML</summary></details>`,
});
await waitFor(() => expect(container.textContent).toContain(longIdentifier));
web/workspace/src/lib/workspace/markdown/DocumentMarkdown.svelte
+6 -2
View File
@@ -41,7 +41,9 @@
:global(.document-markdown h2),
:global(.document-markdown h3),
:global(.document-markdown h4) {
:global(.document-markdown h4),
:global(.document-markdown h5),
:global(.document-markdown h6) {
margin: var(--space-6) 0 var(--space-2);
color: var(--text-strong);
font-size: var(--font-size-body);
@@ -53,7 +55,9 @@
}
:global(.document-markdown h3),
:global(.document-markdown h4) {
:global(.document-markdown h4),
:global(.document-markdown h5),
:global(.document-markdown h6) {
font-weight: 600;
}