// Checking the colors of the codeblocks tooltips.
include: "utils.goml"
go-to: "file://" + |DOC_PATH| + "/test_docs/fn.foo.html"
show-text: true

define-function: (
    "check-colors",
    [theme, background, color, border],
    block {
        call-function: ("switch-theme", {"theme": |theme|})

        // compile_fail block
        assert-css: (
            ".docblock .example-wrap.compile_fail .tooltip",
            {"color": "rgba(255, 0, 0, 0.5)"},
        )
        assert-css: (
            ".docblock .example-wrap.compile_fail",
            {"border-left": "2px solid rgba(255, 0, 0, 0.5)"},
        )

        move-cursor-to: ".docblock .example-wrap.compile_fail .tooltip"

        assert-css: (
            ".docblock .example-wrap.compile_fail .tooltip",
            {"color": "rgb(255, 0, 0)"},
        )
        assert-css: (
            ".docblock .example-wrap.compile_fail",
            {"border-left": "2px solid rgb(255, 0, 0)"},
        )
        click: ".docblock .example-wrap.compile_fail .tooltip"
        assert-text: (
            ".popover.tooltip",
            "This example deliberately fails to compile"
        )
        assert-css: (".popover.tooltip", {
            "color": |color|,
            "background-color": |background|,
            "border-color": |border|,
        })
        click: ".docblock .example-wrap.compile_fail .tooltip"

        // should_panic block
        assert-css: (
            ".docblock .example-wrap.should_panic .tooltip",
            {"color": "rgba(255, 0, 0, 0.5)"},
        )
        assert-css: (
            ".docblock .example-wrap.should_panic",
            {"border-left": "2px solid rgba(255, 0, 0, 0.5)"},
        )

        move-cursor-to: ".docblock .example-wrap.should_panic .tooltip"

        assert-css: (
            ".docblock .example-wrap.should_panic .tooltip",
            {"color": "rgb(255, 0, 0)"},
        )
        assert-css: (
            ".docblock .example-wrap.should_panic",
            {"border-left": "2px solid rgb(255, 0, 0)"},
        )
        click: ".docblock .example-wrap.should_panic .tooltip"
        assert-text: (
            ".popover.tooltip",
            "This example panics"
        )
        assert-css: (".popover.tooltip", {
            "color": |color|,
            "background-color": |background|,
            "border-color": |border|,
        })
        click: ".docblock .example-wrap.should_panic .tooltip"

        // ignore block
        assert-css: (
            ".docblock .example-wrap.ignore .tooltip",
            {"color": "rgba(255, 142, 0, 0.6)"},
        )
        assert-css: (
            ".docblock .example-wrap.ignore",
            {"border-left": "2px solid rgba(255, 142, 0, 0.6)"},
        )

        move-cursor-to: ".docblock .example-wrap.ignore .tooltip"

        assert-css: (
            ".docblock .example-wrap.ignore .tooltip",
            {"color": "rgb(255, 142, 0)"},
        )
        assert-css: (
            ".docblock .example-wrap.ignore",
            {"border-left": "2px solid rgb(255, 142, 0)"},
        )
        click: ".docblock .example-wrap.ignore .tooltip"
        assert-text: (
            ".popover.tooltip",
            "This example is not tested"
        )
        assert-css: (".popover.tooltip", {
            "color": |color|,
            "background-color": |background|,
            "border-color": |border|,
        })
        click: ".docblock .example-wrap.ignore .tooltip"
        assert-false: ".popover.tooltip"
    },
)

call-function: ("check-colors", {
    "theme": "ayu",
    "background": "#0f1419",
    "color": "#c5c5c5",
    "border": "#5c6773",
})
call-function: ("check-colors", {
    "theme": "dark",
    "background": "#353535",
    "color": "#ddd",
    "border": "#e0e0e0",
})
call-function: ("check-colors", {
    "theme": "light",
    "background": "white",
    "color": "black",
    "border": "#e0e0e0",
})