1 // This test ensures that the "pocket menus" are working as expected.
2 goto: file://|DOC_PATH|/test_docs/index.html
3 // First we check that the help menu doesn't exist yet.
4 assert-false: "#help-button .popover"
5 // Then we display the help menu.
7 assert: "#help-button .popover"
8 assert-css: ("#help-button .popover", {"display": "block"})
10 // Now we click somewhere else on the page to ensure it is handling the blur event
13 assert-css: ("#help-button .popover", {"display": "none"})
15 // Now we will check that we cannot have two "pocket menus" displayed at the same time.
17 assert-css: ("#help-button .popover", {"display": "block"})
18 click: "#settings-menu"
19 assert-css: ("#help-button .popover", {"display": "none"})
20 assert-css: ("#settings-menu .popover", {"display": "block"})
24 assert-css: ("#help-button .popover", {"display": "block"})
25 assert-css: ("#settings-menu .popover", {"display": "none"})
27 // Now verify that clicking the help menu again closes it.
29 assert-css: ("#help-button .popover", {"display": "none"})
30 assert-css: ("#settings-menu .popover", {"display": "none"})
32 // We check the borders color now:
36 "rustdoc-theme": "ayu",
37 "rustdoc-use-system-theme": "false",
43 "#help-button .popover",
44 {"display": "block", "border-color": "rgb(92, 103, 115)"},
46 compare-elements-css: ("#help-button .popover", "#help-button .top", ["border-color"])
47 compare-elements-css: ("#help-button .popover", "#help-button .bottom", ["border-color"])
51 "rustdoc-theme": "dark",
52 "rustdoc-use-system-theme": "false",
58 "#help-button .popover",
59 {"display": "block", "border-color": "rgb(224, 224, 224)"},
61 compare-elements-css: ("#help-button .popover", "#help-button .top", ["border-color"])
62 compare-elements-css: ("#help-button .popover", "#help-button .bottom", ["border-color"])
66 "rustdoc-theme": "light",
67 "rustdoc-use-system-theme": "false",
73 "#help-button .popover",
74 {"display": "block", "border-color": "rgb(224, 224, 224)"},
76 compare-elements-css: ("#help-button .popover", "#help-button .top", ["border-color"])
77 compare-elements-css: ("#help-button .popover", "#help-button .bottom", ["border-color"])