summaryrefslogtreecommitdiffstats
path: root/tests/rustdoc-gui/search-form-elements.goml
blob: a4e223648598dafdf3a208f1105b1a9bb7d0a347 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
// 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",
    }
)