mdbook/tests/gui/heading-nav-unusual-levels.goml

// Tests for unusual heading levels

set-window-size: (1400, 800)
go-to: |DOC_PATH| + "heading-nav/unusual-heading-levels.html"

assert-property: ("//a[@href='unusual-heading-levels.html']/../following-sibling::div", {"innerHTML": '<ol class="section"><ol class="section"><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-3" class="header-in-summary current-header">Heading 3</a></span></li></ol><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-2" class="header-in-summary">Heading 2</a></span><ol class="section"><ol class="section"><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-5" class="header-in-summary">Heading 5</a></span></li><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-51" class="header-in-summary">Heading 5.1</a></span></li></ol></ol></li></ol>'})
Fix heading nav with folded chapters This fixes an issue when folding is enabled. The folding was not properly hiding the sub-chapters because it was assuming it could hide the next list element. However, the heading nav was the next list element, so the remaining chapters remained visible. The solution required some deeper changes to how the chapters were organized in the sidebar. Instead of nested chapters being a list element sibling, the nested chapter's `ol` is now a child of its parent chapter. This makes it much easier to just hide everything without regard of the exact sibling order. This required wrapping the chapter title and the toggle chevron inside a span so that the flex layout could be localized to just those elements, and allow the following `ol` elements to lay out regularly. Closes https://github.com/rust-lang/mdBook/issues/2880 2025-10-20 17:29:31 -07:00			`// Tests for unusual heading levels`

			`set-window-size: (1400, 800)`
			`go-to: \|DOC_PATH\| + "heading-nav/unusual-heading-levels.html"`

Rework the look of the header navigation This updates the header navigation so that: - Added a colored bar to break it apart from the chapter navigation. - Removed the colored circle and just use link color to make it look cleaner. 2025-10-21 14:50:43 -07:00			assert-property: ("//a[@href='unusual-heading-levels.html']/../following-sibling::div", {"innerHTML": '<ol class="section"><ol class="section"><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-3" class="header-in-summary current-header">Heading 3</a></span></li></ol><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-2" class="header-in-summary">Heading 2</a></span><ol class="section"><ol class="section"><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-5" class="header-in-summary">Heading 5</a></span></li><li class="header-item expanded"><span class="chapter-link-wrapper"><a href="#heading-51" class="header-in-summary">Heading 5.1</a></span></li></ol></ol></li></ol>'})