// When a header has various markup, the sidebar should replicate it.

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

assert-count: (".header-item", 4)
assert-count: (".current-header", 1)
assert-text: (".current-header", "Heading with code or italic or bold or strike")
assert-property: (".current-header", {"innerHTML": "Heading with <code>code</code> or <em>italic</em> or <strong>bold</strong> or <del>strike</del>"})

// Clicking the custom one should work and should make it current.
click: "a.header-in-summary[href='#custom-id']"
assert-count: (".current-header", 1)
assert-text: (".current-header", "Heading with a custom id")

// Click the one with HTML, and check it.
click: "a.header-in-summary[href='#heading-with-html']"
assert-count: (".current-header", 1)
assert-text: (".current-header", "Heading with html")
