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"])
79 // Opening the mobile sidebar should close the settings popover.
81 click: "#settings-menu a"
82 assert-css: ("#settings-menu .popover", {"display": "block"})
83 click: ".sidebar-menu-toggle"
84 assert: "//*[@class='sidebar shown']"
85 assert-css: ("#settings-menu .popover", {"display": "none"})
86 // Opening the settings popover should close the sidebar.
87 click: "#settings-menu a"
88 assert-css: ("#settings-menu .popover", {"display": "block"})
89 assert-false: "//*[@class='sidebar shown']"
91 // Opening the settings popover at start (which async loads stuff) should also close.
93 click: ".sidebar-menu-toggle"
94 assert: "//*[@class='sidebar shown']"
95 assert-false: "#settings-menu .popover"
96 click: "#settings-menu a"
97 assert-false: "//*[@class='sidebar shown']"
98 wait-for: "#settings-menu .popover"