// These tests verify that labels like "UNIX" and "Deprecated" stay on the same line as their symbol.
// It also verifies the staggered layout on mobile.
go-to: "file://" + |DOC_PATH| + "/test_docs/index.html"

// Desktop view
set-window-size: (1080, 600)
assert: (".stab.deprecated")
assert: (".stab.portability")

// make sure that deprecated and portability have the right colors
assert-css: (
    ".item-table .item-name .stab.deprecated",
    { "background-color": "rgb(255, 245, 214)" },
)
assert-css: (
    ".item-table .item-name .stab.portability",
    { "background-color": "rgb(255, 245, 214)" },
)

// table like view
assert-css: (".desc.docblock-short", { "padding-left": "0px" })
compare-elements-position-near: (
    "//*[@class='item-name']//a[text()='replaced_function']",
    ".item-name .stab.deprecated",
    {"y": 2},
)
compare-elements-position: (
    ".item-name .stab.deprecated",
    ".item-name .stab.portability",
    ("y"),
)

// Ensure no wrap
compare-elements-position: (
    "//*[@class='item-name']//a[text()='replaced_function']/..",
    "//*[@class='desc docblock-short'][text()='a thing with a label']",
    ("y"),
)


// Mobile view
set-window-size: (600, 600)
// staggered layout with 2em spacing
assert-css: (".desc.docblock-short", { "padding-left": "32px" })
compare-elements-position-near: (
    "//*[@class='item-name']//a[text()='replaced_function']",
    ".item-name .stab.deprecated",
    {"y": 2},
)
compare-elements-position: (
    ".item-name .stab.deprecated",
    ".item-name .stab.portability",
    ("y"),
)

// Ensure wrap
compare-elements-position-false: (
    "//*[@class='item-name']//a[text()='replaced_function']/..",
    "//*[@class='desc docblock-short'][text()='a thing with a label']",
    ("y"),
)
compare-elements-position-false: (
    ".item-name .stab.deprecated",
    "//*[@class='desc docblock-short'][text()='a thing with a label']",
    ("y"),
)