diff --git a/website/Outline Stress Test.md b/website/Outline Stress Test.md new file mode 100644 index 00000000..717d9e08 --- /dev/null +++ b/website/Outline Stress Test.md @@ -0,0 +1,88 @@ + +# Unordered lists +* Short +* [ ] This is a task +* Long item that will wrap its line eventually when I keep typing, this will be good + * Short sub-item + * Longer sub-item that will eventually wrap the line when I keep typing +* [ ] Task +* [x] Done task +* [ ] Task that will eventually also wrap its line to see how this goes etc. +* Unordered list item: + * [ ] With a task sub item + * [ ] And a long one that will eventually wrap its line if I keep typing + +# Mixed bullet markers +- Hyphen marker +* Asterisk marker +- Hyphen with a long line that will wrap to verify hanging indent works for `-` too + +# Deep nesting +* Level 1 + * Level 2 + * Level 3 + * Level 4 + * Level 5 + * Level 6 — deeper than today's CSS covers + * Level 7 — long line that wraps so we can see the hanging indent at extreme depth + +# Ordered lists +1. Short +2. Long item that will wrap its line eventually when I keep typing, this will be good + 1. Short sub-item + 2. Longer sub-item that will eventually wrap the line when I keep typing +4. And a third +5. Five +6. Six +7. Seven +8. Eight +9. Nine +10. Ten — two-digit number, today's CSS reserves only 3ch +11. Eleven — wraps if I keep typing to see the hanging indent +100. Three-digit edge case — does it line up with the items above? + +# Mixed ordered + unordered +1. Numbered parent + * Unordered child + * Another unordered child + * [ ] A task as ordered's child +* Unordered parent + 1. Numbered child + 2. Another numbered child + 3. [ ] Task inside ordered child and now what will happen when this starts to wrap. Oh it looks nice! + +# Inline formatting in list items +* **Bold** text in a list +* *Italic* text and `inline code` +* A [[SilverBullet]] wiki link embedded +* A regular [external link](https://example.com) in the middle of a line +* Mix: **bold**, *italic*, `code`, [[WikiLink]], [ext](http://x) — does the wrap stay aligned? + +# Task states +* [ ] Open task +* [x] Completed task +* [ ] Task with **bold** and a [[WikiLink]] inside +* [ ] Long task with formatting: **bold**, *italic*, `code`, [[Link]] — verify wrapped lines hang correctly + +# Code block inside list item +* Item with a fenced code block: + ```js + const x = 1; + const y = 2; + ``` +* Next item — does alignment recover after the code block? + +# Multi-paragraph list items +* First paragraph of an item. + Second paragraph of the same item, indented two spaces in source. + +* Next item — does the indent of the second paragraph match the first? + +# Links section +These two should vertically align perfectly: + +[[SilverBullet]] +item + +A a line above a link +A line with [[SilverBullet]] in the middle and `code` and **bold** — chip should not add box width.