mirror of
https://github.com/rust-lang/rust.git
synced 2025-06-21 12:07:31 +00:00
3fa98a1507
This change is based on some discussion on [lolbinarycat's idea], but with a more "traditional" design. Specifically, this is the closest thing I could find to a consensus across many systems I looked at for inspiration: - In Jira, resizable sidebars have a stack of four dots. - In The GIMP, resizable sidebars have a stack of three dots. - In [old Windows], "panes" are defined to have the same border style as a window, which has a raised appearance. - In [NeXT], a drag point usually had an innie, whether the line in a slider or the circle in a scroller; I can also hide and show the favorites bar in Workspace by dragging on a circular "grip spot" - In [old Mac], drag handles for things usually had a "grip track" of parallel lines. - [OSX] kept that, but the "Source List" part of the Finder still had the circle grip for a time the same way Workspace did [lolbinarycat's idea]: https://github.com/rust-lang/rust/pull/139420 [old Windows]: https://archive.org/details/windowsinterface00micr/page/n9/mode/2up [old Mac]: https://archive.org/details/apple-hig/1996_Human_Interface_Guidelines_for_Mac_OS_8_%28WWDC_Release%29/page/16/mode/2up [NeXT]: https://archive.org/details/apple-hig/1993%20NeXTSTEP%20User%20Interface%20Guidelines%20-%20Release%203/page/145/mode/2up [OSX]: https://dn721903.ca.archive.org/0/items/apple-hig/MacOSX_HIG_2005_09_08.pdf#page=267
52 lines
1.8 KiB
Plaintext
52 lines
1.8 KiB
Plaintext
// Checks sidebar resizing stays synced with the setting
|
|
go-to: "file://" + |DOC_PATH| + "/test_docs/index.html"
|
|
assert-property: (".sidebar", {"clientWidth": "199"})
|
|
show-text: true
|
|
|
|
// Verify that the "hide" option is unchecked
|
|
click: "#settings-menu"
|
|
wait-for: "#settings"
|
|
assert-css: ("#settings", {"display": "block"})
|
|
assert-property: ("#hide-sidebar", {"checked": "false"})
|
|
press-key: "Escape"
|
|
wait-for-css: ("#settings", {"display": "none"})
|
|
|
|
drag-and-drop: ((205, 100), (5, 100))
|
|
assert-css: (".sidebar", {"display": "none"})
|
|
|
|
// Verify that the "hide" option is checked
|
|
focus: "#settings-menu a"
|
|
press-key: "Enter"
|
|
wait-for-css: ("#settings", {"display": "block"})
|
|
assert-property: ("#hide-sidebar", {"checked": "true"})
|
|
click: "#hide-sidebar"
|
|
wait-for-css: (".sidebar", {"display": "block"})
|
|
|
|
// Verify that hiding the sidebar hides the source sidebar
|
|
// and puts the button in static position mode on mobile
|
|
go-to: "file://" + |DOC_PATH| + "/src/test_docs/lib.rs.html"
|
|
set-window-size: (600, 600)
|
|
focus: "#settings-menu a"
|
|
press-key: "Enter"
|
|
wait-for-css: ("#settings", {"display": "block"})
|
|
wait-for-css: ("#sidebar-button", {"position": "fixed"})
|
|
store-position: ("#sidebar-button", {
|
|
"y": sidebar_button_y,
|
|
"x": sidebar_button_x,
|
|
})
|
|
assert-property: ("#hide-sidebar", {"checked": "false"})
|
|
click: "#hide-sidebar"
|
|
wait-for-css: (".sidebar", {"display": "none"})
|
|
wait-for-css: ("#sidebar-button", {"position": "static"})
|
|
assert-position: ("#sidebar-button", {
|
|
"y": |sidebar_button_y|,
|
|
"x": |sidebar_button_x|,
|
|
})
|
|
assert-property: ("#hide-sidebar", {"checked": "true"})
|
|
press-key: "Escape"
|
|
// Clicking the sidebar button should work, and implicitly re-enable
|
|
// the persistent navigation bar
|
|
wait-for-css: ("#settings", {"display": "none"})
|
|
click: "#sidebar-button"
|
|
wait-for-css: (".sidebar", {"display": "block"})
|