jesus/mdbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update sidebar GUI test

Browse source
This commit is contained in:
Guillaume Gomez 2025-06-05 16:37:54 +02:00 • committed by Eric Huss
parent bcd4552bdf
commit 16b99be17f
1 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
tests/gui/sidebar.goml
View file

@ -7,23 +7,20 @@ set-window-size: (1100, 600)
reload: reload:
store-value: (content_indent, 308) store-value: (content_indent, 308)
store-value: (sidebar_storage_value, "mdbook-sidebar")
store-value: (sidebar_storage_hidden_value, "hidden")
store-value: (sidebar_storage_displayed_value, "visible")
define-function: ( define-function: (
"hide-sidebar", "hide-sidebar",
[], [],
block { block {
// The content should be "moved" to the right because of the sidebar.
assert-css: ("#sidebar", {"transform": "none"})
assert-position: ("#page-wrapper", {"x": |content_indent|}) assert-position: ("#page-wrapper", {"x": |content_indent|})
// We now hide the sidebar. // We now hide the sidebar.
click: "#sidebar-toggle" click: "#sidebar-toggle"
wait-for: "body.sidebar-hidden" wait-for-css: ("#sidebar", {"display": "none"})
// `transform` is 0.3s so we need to wait a bit (0.5s) to ensure the animation is done. assert-local-storage: {|sidebar_storage_value|: |sidebar_storage_hidden_value|}
wait-for: 5000
assert-css-false: ("#sidebar", {"transform": "none"})
// The page content should now be on the left.
assert-position: ("#page-wrapper", {"x": 0})
}, },
) )
@ -31,18 +28,18 @@ define-function: (
"show-sidebar", "show-sidebar",
[], [],
block { block {
// The page content should be on the left and the sidebar "moved out". assert-css: ("#sidebar", {"display": "none"})
assert-css: ("#sidebar", {"transform": "matrix(1, 0, 0, 1, -308, 0)"})
assert-position: ("#page-wrapper", {"x": 0}) assert-position: ("#page-wrapper", {"x": 0})
// We expand the sidebar. // We expand the sidebar.
click: "#sidebar-toggle" click: "#sidebar-toggle"
wait-for: "body.sidebar-visible" wait-for-css-false: ("#sidebar", {"display": "none"})
// `transform` is 0.3s so we need to wait a bit (0.5s) to ensure the animation is done. // `transform` is 0.3s so we need to wait a bit (0.5s) to ensure the animation is done.
wait-for: 5000 wait-for: 5000
assert-css-false: ("#sidebar", {"transform": "matrix(1, 0, 0, 1, -308, 0)"}) assert-css-false: ("#sidebar", {"transform": "matrix(1, 0, 0, 1, -308, 0)"})
// The page content should be moved to the right. // The page content should be moved to the right.
assert-position: ("#page-wrapper", {"x": |content_indent|}) assert-position: ("#page-wrapper", {"x": |content_indent|})
assert-local-storage: {|sidebar_storage_value|: |sidebar_storage_displayed_value|}
}, },
) )
@ -54,3 +51,13 @@ set-window-size: (900, 600)
reload: reload:
call-function: ("show-sidebar", {}) call-function: ("show-sidebar", {})
call-function: ("hide-sidebar", {}) call-function: ("hide-sidebar", {})
// We now test that if the sidebar is considered open and we reload the page, since
// the width is small, it will still be collapsed.
set-local-storage: {|sidebar_storage_value|: |sidebar_storage_displayed_value|}
reload:
// The stored value shouldn't have changed.
assert-local-storage: {|sidebar_storage_value|: |sidebar_storage_displayed_value|}
// But the sidebar should be hidden anyway.
assert-css: ("#sidebar", {"display": "none"})
assert-position: ("#page-wrapper", {"x": 0})