1 // This test ensure that the sidebar isn't "hidden" on mobile but instead moved out of the viewport.
2 // This is especially important for devices for "text-first" content (like for users with
4 goto: file://|DOC_PATH|/test_docs/struct.Foo.html
5 // Switching to "mobile view" by reducing the width to 600px.
7 assert-css: (".sidebar", {"display": "block", "left": "-1000px"})
8 // Opening the sidebar menu.
9 click: ".sidebar-menu-toggle"
10 assert-css: (".sidebar", {"display": "block", "left": "0px"})
11 // Closing the sidebar menu.
12 click: ".sidebar-menu-toggle"
13 assert-css: (".sidebar", {"display": "block", "left": "-1000px"})
14 // Force the sidebar open by focusing a link inside it.
15 // This makes it easier for keyboard users to get to it.
16 focus: ".sidebar-title a"
17 assert-css: (".sidebar", {"display": "block", "left": "0px"})
18 // When we tab out of the sidebar, close it.
19 focus: ".search-input"
20 assert-css: (".sidebar", {"display": "block", "left": "-1000px"})
22 // Open the sidebar menu.
23 click: ".sidebar-menu-toggle"
24 assert-css: (".sidebar", {"left": "0px"})
28 assert-css: (".sidebar", {"display": "block", "left": "-1000px"})
30 // Check that the topbar is visible
31 assert-property: (".mobile-topbar", {"clientHeight": "45"})