Update GUI tests for code example buttons
This commit is contained in:
parent
a282e520b2
commit
be71bd9cec
3 changed files with 71 additions and 56 deletions
|
@ -1,5 +1,6 @@
|
|||
// This test ensures that code blocks buttons are displayed on hover and when you click on them.
|
||||
go-to: "file://" + |DOC_PATH| + "/test_docs/fn.foo.html"
|
||||
include: "utils.goml"
|
||||
|
||||
// First we check we "hover".
|
||||
move-cursor-to: ".example-wrap"
|
||||
|
@ -19,3 +20,71 @@ click: ".example-wrap"
|
|||
move-cursor-to: ".search-input"
|
||||
assert-count: (".example-wrap:not(:hover) .button-holder.keep-visible", 0)
|
||||
assert-css: (".example-wrap .copy-button", { "visibility": "hidden" })
|
||||
|
||||
define-function: (
|
||||
"check-buttons",
|
||||
[theme, background, filter, filter_hover],
|
||||
block {
|
||||
call-function: ("switch-theme", {"theme": |theme|})
|
||||
|
||||
assert-css: (".example-wrap .test-arrow", {"visibility": "hidden"})
|
||||
assert-css: (".example-wrap .copy-button", {"visibility": "hidden"})
|
||||
|
||||
move-cursor-to: ".example-wrap"
|
||||
assert-css: (".example-wrap .test-arrow", {
|
||||
"visibility": "visible",
|
||||
"background-color": |background|,
|
||||
"border-radius": "2px",
|
||||
})
|
||||
assert-css: (".example-wrap .test-arrow::before", {
|
||||
"filter": |filter|,
|
||||
})
|
||||
assert-css: (".example-wrap .copy-button", {
|
||||
"visibility": "visible",
|
||||
"background-color": |background|,
|
||||
"border-radius": "2px",
|
||||
})
|
||||
assert-css: (".example-wrap .copy-button::before", {
|
||||
"filter": |filter|,
|
||||
})
|
||||
|
||||
move-cursor-to: ".example-wrap .test-arrow"
|
||||
assert-css: (".example-wrap .test-arrow:hover", {
|
||||
"visibility": "visible",
|
||||
"background-color": |background|,
|
||||
"border-radius": "2px",
|
||||
})
|
||||
assert-css: (".example-wrap .test-arrow:hover::before", {
|
||||
"filter": |filter_hover|,
|
||||
})
|
||||
|
||||
move-cursor-to: ".example-wrap .copy-button"
|
||||
assert-css: (".example-wrap .copy-button:hover", {
|
||||
"visibility": "visible",
|
||||
"background-color": |background|,
|
||||
"border-radius": "2px",
|
||||
})
|
||||
assert-css: (".example-wrap .copy-button:hover::before", {
|
||||
"filter": |filter_hover|,
|
||||
})
|
||||
},
|
||||
)
|
||||
|
||||
call-function: ("check-buttons",{
|
||||
"theme": "ayu",
|
||||
"background": "#0f1419",
|
||||
"filter": "invert(0.7)",
|
||||
"filter_hover": "invert(1)",
|
||||
})
|
||||
call-function: ("check-buttons",{
|
||||
"theme": "dark",
|
||||
"background": "#353535",
|
||||
"filter": "invert(0.5)",
|
||||
"filter_hover": "invert(0.65)",
|
||||
})
|
||||
call-function: ("check-buttons",{
|
||||
"theme": "light",
|
||||
"background": "#fff",
|
||||
"filter": "invert(0.5)",
|
||||
"filter_hover": "invert(0.35)",
|
||||
})
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue