| // This test ensures that the elements in ".search-form" have the expected display. |
| go-to: "file://" + |DOC_PATH| + "/test_docs/index.html" |
| show-text: true |
| |
| define-function: ( |
| "check-search-colors", |
| ( |
| theme, border, background, search_input_color, search_input_border_focus, |
| menu_button_border, menu_button_a_color, menu_button_a_border_hover, menu_a_color, |
| ), |
| block { |
| set-local-storage: { |
| "rustdoc-theme": |theme|, |
| "rustdoc-use-system-theme": "false", |
| } |
| reload: |
| assert-css: ( |
| ".search-input", |
| { |
| "border-color": |border|, |
| "background-color": |background|, |
| "color": |search_input_color|, |
| }, |
| ) |
| // Focus on search input. |
| focus: ".search-input" |
| assert-css: ( |
| ".search-input", |
| { |
| "border-color": |search_input_border_focus|, |
| "background-color": |background|, |
| "color": |search_input_color|, |
| }, |
| ) |
| assert-css: ( |
| "#help-button", |
| {"border-color": |menu_button_border|}, |
| ) |
| assert-css: ( |
| "#help-button > a", |
| { |
| "color": |menu_button_a_color|, |
| "border-color": |border|, |
| "background-color": |background|, |
| }, |
| ) |
| // Hover help button. |
| move-cursor-to: "#help-button" |
| assert-css: ( |
| "#help-button:hover", |
| {"border-color": |menu_button_border|}, |
| ) |
| assert-css: ( |
| "#help-button > a", |
| { |
| "color": |menu_button_a_color|, |
| "border-color": |menu_button_a_border_hover|, |
| "background-color": |background|, |
| }, |
| ) |
| // Link color inside |
| click: "#help-button" |
| assert-css: ( |
| "#help a", |
| { |
| "color": |menu_a_color|, |
| }, |
| ) |
| assert-css: ( |
| "#settings-menu", |
| {"border-color": |menu_button_border|}, |
| ) |
| assert-css: ( |
| "#settings-menu > a", |
| { |
| "color": |menu_button_a_color|, |
| "border-color": |border|, |
| "background-color": |background|, |
| }, |
| ) |
| // Hover settings menu. |
| move-cursor-to: "#settings-menu" |
| assert-css: ( |
| "#settings-menu:hover", |
| {"border-color": |menu_button_border|}, |
| ) |
| assert-css: ( |
| "#settings-menu:hover > a", |
| { |
| "color": |menu_button_a_color|, |
| "border-color": |menu_button_a_border_hover|, |
| "background-color": |background|, |
| }, |
| ) |
| }, |
| ) |
| |
| call-function: ( |
| "check-search-colors", |
| { |
| "theme": "ayu", |
| "border": "#5c6773", |
| "background": "#141920", |
| "search_input_color": "#fff", |
| "search_input_border_focus": "#5c6773", |
| "menu_button_border": "#c5c5c5", |
| "menu_button_a_color": "#fff", |
| "menu_button_a_border_hover": "#e0e0e0", |
| "menu_a_color": "#39afd7", |
| } |
| ) |
| call-function: ( |
| "check-search-colors", |
| { |
| "theme": "dark", |
| "border": "#e0e0e0", |
| "background": "#f0f0f0", |
| "search_input_color": "#111", |
| "search_input_border_focus": "#008dfd", |
| "menu_button_border": "#ddd", |
| "menu_button_a_color": "#000", |
| "menu_button_a_border_hover": "#ffb900", |
| "menu_a_color": "#d2991d", |
| } |
| ) |
| call-function: ( |
| "check-search-colors", |
| { |
| "theme": "light", |
| "border": "#e0e0e0", |
| "background": "#fff", |
| "search_input_color": "#000", |
| "search_input_border_focus": "#66afe9", |
| "menu_button_border": "#000", |
| "menu_button_a_color": "#000", |
| "menu_button_a_border_hover": "#717171", |
| "menu_a_color": "#3873ad", |
| } |
| ) |
