granite-rust/src/test/rustdoc-gui/search-result-color.goml

// The goal of this test is to ensure the color of the text is the one expected.
goto: "file://" + |DOC_PATH| + "/test_docs/index.html?search=coo"

// This is needed so that the text color is computed.
show-text: true

// Ayu theme
local-storage: {
    "rustdoc-theme": "ayu",
    "rustdoc-use-system-theme": "false",
}
reload:

// Waiting for the search results to appear...
wait-for: "#titles"
assert-css: (
    "//*[@class='desc']//*[text()='Just a normal struct.']",
    {"color": "rgb(197, 197, 197)"},
)
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']",
    {"color": "rgb(0, 150, 207)"},
)

// Checking the color of "keyword" text.
assert-css: (
    "//*[@class='result-name']//*[text()='(keyword)']",
    {"color": "rgb(120, 135, 151)"},
)

// Checking the color of "keyword".
assert-css: (
    ".result-keyword .keyword",
    {"color": "rgb(57, 175, 215)"},
    ALL,
)
assert-css: (
    ".result-keyword",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-keyword"
assert-css: (
    ".result-keyword:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-keyword:hover .keyword",
    {"color": "rgb(57, 175, 215)"},
)
move-cursor-to: ".search-input"
focus: ".result-keyword"
assert-css: (
    ".result-keyword:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-keyword:focus .keyword",
    {"color": "rgb(57, 175, 215)"},
)

// Check the color of "struct".
assert-css: (
    ".result-struct .struct",
    {"color": "rgb(255, 160, 165)"},
    ALL,
)
assert-css: (
    ".result-struct",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-struct"
assert-css: (
    ".result-struct:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-struct:hover .struct",
    {"color": "rgb(255, 160, 165)"},
)
move-cursor-to: ".search-input"
focus: ".result-struct"
assert-css: (
    ".result-struct:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-struct:focus .struct",
    {"color": "rgb(255, 160, 165)"},
)

// Check the color of "associated type".
assert-css: (
    ".result-associatedtype .associatedtype",
    {"color": "rgb(57, 175, 215)"},
    ALL,
)
assert-css: (
    ".result-associatedtype",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-associatedtype:hover .associatedtype",
    {"color": "rgb(57, 175, 215)"},
)
move-cursor-to: ".search-input"
focus: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-associatedtype:focus .associatedtype",
    {"color": "rgb(57, 175, 215)"},
)

// Check the color of "type method".
assert-css: (
    ".result-tymethod .tymethod",
    {"color": "rgb(253, 214, 135)"},
    ALL,
)
assert-css: (
    ".result-tymethod",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
assert-css: (
    ".result-tymethod .tymethod",
    {"color": "rgb(253, 214, 135)"},
)
move-cursor-to: ".result-tymethod"
assert-css: (
    ".result-tymethod:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
move-cursor-to: ".search-input"
focus: ".result-tymethod"
assert-css: (
    ".result-tymethod:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)

// Check the color of "method".
assert-css: (
    ".result-method .method",
    {"color": "rgb(253, 214, 135)"},
    ALL,
)
assert-css: (
    ".result-method",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-method"
assert-css: (
    ".result-method:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-method:hover .method",
    {"color": "rgb(253, 214, 135)"},
)
move-cursor-to: ".search-input"
focus: ".result-method"
assert-css: (
    ".result-method:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-method:focus .method",
    {"color": "rgb(253, 214, 135)"},
)

// Check the color of "struct field".
assert-css: (
    ".result-structfield .structfield",
    {"color": "rgb(0, 150, 207)"},
    ALL,
)
assert-css: (
    ".result-structfield",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-structfield"
assert-css: (
    ".result-structfield:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-structfield:hover .structfield",
    {"color": "rgb(255, 255, 255)"},
)
move-cursor-to: ".search-input"
focus: ".result-structfield"
assert-css: (
    ".result-structfield:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-structfield:focus .structfield",
    {"color": "rgb(255, 255, 255)"},
)

// Check the color of "macro".
assert-css: (
    ".result-macro .macro",
    {"color": "rgb(163, 122, 204)"},
    ALL,
)
assert-css: (
    ".result-macro",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-macro"
assert-css: (
    ".result-macro:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-macro:hover .macro",
    {"color": "rgb(163, 122, 204)"},
)
move-cursor-to: ".search-input"
focus: ".result-macro"
assert-css: (
    ".result-macro:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-macro:focus .macro",
    {"color": "rgb(163, 122, 204)"},
)

// Check the color of "fn".
assert-css: (
    ".result-fn .fn",
    {"color": "rgb(253, 214, 135)"},
    ALL,
)
assert-css: (
    ".result-fn",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-fn"
assert-css: (
    ".result-fn:hover",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-fn:hover .fn",
    {"color": "rgb(253, 214, 135)"},
)
move-cursor-to: ".search-input"
focus: ".result-fn"
assert-css: (
    ".result-fn:focus",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)
assert-css: (
    ".result-fn:focus .fn",
    {"color": "rgb(253, 214, 135)"},
)

// Checking the `<a>` container.
move-cursor-to: ".search-input"
focus: ".search-input" // To ensure the `<a>` container isnt focus or hover.
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']/ancestor::a",
    {"color": "rgb(0, 150, 207)", "background-color": "rgba(0, 0, 0, 0)"},
    ALL,
)

// Checking color and background on hover.
move-cursor-to: "//*[@class='desc']//*[text()='Just a normal struct.']"
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']",
    {"color": "rgb(255, 255, 255)"},
)
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']/ancestor::a",
    {"color": "rgb(255, 255, 255)", "background-color": "rgb(60, 60, 60)"},
)

// Dark theme
local-storage: {
    "rustdoc-theme": "dark",
    "rustdoc-use-system-theme": "false",
}
reload:

// Waiting for the search results to appear...
wait-for: "#titles"
assert-css: (
    "//*[@class='desc']//*[text()='Just a normal struct.']",
    {"color": "rgb(221, 221, 221)"},
)
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']",
    {"color": "rgb(221, 221, 221)"},
)

// Checking the color for "keyword" text.
assert-css: (
    "//*[@class='result-name']//*[text()='(keyword)']",
    {"color": "rgb(221, 221, 221)"},
)

// Checking the color of "keyword".
assert-css: (
    ".result-keyword .keyword",
    {"color": "rgb(210, 153, 29)"},
    ALL,
)
assert-css: (
    ".result-keyword",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-keyword"
assert-css: (
    ".result-keyword:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-keyword:hover .keyword",
    {"color": "rgb(210, 153, 29)"},
)
move-cursor-to: ".search-input"
focus: ".result-keyword"
assert-css: (
    ".result-keyword:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-keyword:focus .keyword",
    {"color": "rgb(210, 153, 29)"},
)

// Check the color of "struct".
assert-css: (
    ".result-struct .struct",
    {"color": "rgb(45, 191, 184)"},
    ALL,
)
assert-css: (
    ".result-struct",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-struct"
assert-css: (
    ".result-struct:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-struct:hover .struct",
    {"color": "rgb(45, 191, 184)"},
)
move-cursor-to: ".search-input"
focus: ".result-struct"
assert-css: (
    ".result-struct:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-struct:focus .struct",
    {"color": "rgb(45, 191, 184)"},
)

// Check the color of "associated type".
assert-css: (
    ".result-associatedtype .associatedtype",
    {"color": "rgb(210, 153, 29)"},
    ALL,
)
assert-css: (
    ".result-associatedtype",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-associatedtype:hover .associatedtype",
    {"color": "rgb(210, 153, 29)"},
)
move-cursor-to: ".search-input"
focus: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-associatedtype:focus .associatedtype",
    {"color": "rgb(210, 153, 29)"},
)

// Check the color of "type method".
assert-css: (
    ".result-tymethod .tymethod",
    {"color": "rgb(43, 171, 99)"},
    ALL,
)
assert-css: (
    ".result-tymethod",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-tymethod"
assert-css: (
    ".result-tymethod:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-tymethod:hover .tymethod",
    {"color": "rgb(43, 171, 99)"},
)
move-cursor-to: ".search-input"
focus: ".result-tymethod"
assert-css: (
    ".result-tymethod:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-tymethod:focus .tymethod",
    {"color": "rgb(43, 171, 99)"},
)

// Check the color of "method".
assert-css: (
    ".result-method .method",
    {"color": "rgb(43, 171, 99)"},
    ALL,
)
assert-css: (
    ".result-method",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-method"
assert-css: (
    ".result-method:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-method:hover .method",
    {"color": "rgb(43, 171, 99)"},
)
move-cursor-to: ".search-input"
focus: ".result-method"
assert-css: (
    ".result-method:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-method:focus .method",
    {"color": "rgb(43, 171, 99)"},
)

// Check the color of "struct field".
assert-css: (
    ".result-structfield .structfield",
    {"color": "rgb(221, 221, 221)"},
    ALL,
)
assert-css: (
    ".result-structfield",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-structfield"
assert-css: (
    ".result-structfield:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-structfield:hover .structfield",
    {"color": "rgb(221, 221, 221)"},
)
move-cursor-to: ".search-input"
focus: ".result-structfield"
assert-css: (
    ".result-structfield:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-structfield:focus .structfield",
    {"color": "rgb(221, 221, 221)"},
)

// Check the color of "macro".
assert-css: (
    ".result-macro .macro",
    {"color": "rgb(9, 189, 0)"},
    ALL,
)
assert-css: (
    ".result-macro",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-macro"
assert-css: (
    ".result-macro:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-macro:hover .macro",
    {"color": "rgb(9, 189, 0)"},
)
move-cursor-to: ".search-input"
focus: ".result-macro"
assert-css: (
    ".result-macro:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-macro:focus .macro",
    {"color": "rgb(9, 189, 0)"},
)

// Check the color of "fn".
assert-css: (
    ".result-fn .fn",
    {"color": "rgb(43, 171, 99)"},
    ALL,
)
assert-css: (
    ".result-fn",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-fn"
assert-css: (
    ".result-fn:hover",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-fn:hover .fn",
    {"color": "rgb(43, 171, 99)"},
)
move-cursor-to: ".search-input"
focus: ".result-fn"
assert-css: (
    ".result-fn:focus",
    {"color": "rgb(221, 221, 221)", "background-color": "rgb(97, 97, 97)"},
)
assert-css: (
    ".result-fn:focus .fn",
    {"color": "rgb(43, 171, 99)"},
)

// Checking the `<a>` container.
move-cursor-to: ".search-input"
focus: ".search-input" // To ensure the `<a>` container isnt focus or hover.
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']/ancestor::a",
    {"color": "rgb(221, 221, 221)", "background-color": "rgba(0, 0, 0, 0)"},
)

// Light theme
local-storage: {"rustdoc-theme": "light", "rustdoc-use-system-theme": "false"}
reload:

// Waiting for the search results to appear...
wait-for: "#titles"
assert-css: (
    "//*[@class='desc']//*[text()='Just a normal struct.']",
    {"color": "rgb(0, 0, 0)"},
)
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']",
    {"color": "rgb(0, 0, 0)"},
)

// Checking the color for "keyword" text.
assert-css: (
    "//*[@class='result-name']//*[text()='(keyword)']",
    {"color": "rgb(0, 0, 0)"},
)

// Checking the color of "keyword".
assert-css: (
    ".result-keyword .keyword",
    {"color": "rgb(56, 115, 173)"},
    ALL,
)
assert-css: (
    ".result-keyword",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-keyword"
assert-css: (
    ".result-keyword:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-keyword:hover .keyword",
    {"color": "rgb(56, 115, 173)"},
)
move-cursor-to: ".search-input"
focus: ".result-keyword"
assert-css: (
    ".result-keyword:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-keyword:focus .keyword",
    {"color": "rgb(56, 115, 173)"},
)

// Check the color of "struct".
assert-css: (
    ".result-struct .struct",
    {"color": "rgb(173, 55, 138)"},
    ALL,
)
assert-css: (
    ".result-struct",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-struct"
assert-css: (
    ".result-struct:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-struct:hover .struct",
    {"color": "rgb(173, 55, 138)"},
)
move-cursor-to: ".search-input"
focus: ".result-struct"
assert-css: (
    ".result-struct:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-struct:focus .struct",
    {"color": "rgb(173, 55, 138)"},
)

// Check the color of "associated type".
assert-css: (
    ".result-associatedtype .associatedtype",
    {"color": "rgb(56, 115, 173)"},
    ALL,
)
assert-css: (
    ".result-associatedtype",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-associatedtype:hover .associatedtype",
    {"color": "rgb(56, 115, 173)"},
)
move-cursor-to: ".search-input"
focus: ".result-associatedtype"
assert-css: (
    ".result-associatedtype:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-associatedtype:focus .associatedtype",
    {"color": "rgb(56, 115, 173)"},
)

// Check the color of "type method".
assert-css: (
    ".result-tymethod .tymethod",
    {"color": "rgb(173, 124, 55)"},
    ALL,
)
assert-css: (
    ".result-tymethod",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-tymethod"
assert-css: (
    ".result-tymethod:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-tymethod:hover .tymethod",
    {"color": "rgb(173, 124, 55)"},
)
move-cursor-to: ".search-input"
focus: ".result-tymethod"
assert-css: (
    ".result-tymethod:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-tymethod:focus .tymethod",
    {"color": "rgb(173, 124, 55)"},
)

// Check the color of "method".
assert-css: (
    ".result-method .method",
    {"color": "rgb(173, 124, 55)"},
    ALL,
)
assert-css: (
    ".result-method",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-method"
assert-css: (
    ".result-method:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-method:hover .method",
    {"color": "rgb(173, 124, 55)"},
)
move-cursor-to: ".search-input"
focus: ".result-method"
assert-css: (
    ".result-method:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-method:focus .method",
    {"color": "rgb(173, 124, 55)"},
)

// Check the color of "struct field".
assert-css: (
    ".result-structfield .structfield",
    {"color": "rgb(0, 0, 0)"},
    ALL,
)
assert-css: (
    ".result-structfield",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-structfield"
assert-css: (
    ".result-structfield:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-structfield:hover .structfield",
    {"color": "rgb(0, 0, 0)"},
)
move-cursor-to: ".search-input"
focus: ".result-structfield"
assert-css: (
    ".result-structfield:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-structfield:focus .structfield",
    {"color": "rgb(0, 0, 0)"},
)

// Check the color of "macro".
assert-css: (
    ".result-macro .macro",
    {"color": "rgb(6, 128, 0)"},
    ALL,
)
assert-css: (
    ".result-macro",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-macro"
assert-css: (
    ".result-macro:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-macro:hover .macro",
    {"color": "rgb(6, 128, 0)"},
)
move-cursor-to: ".search-input"
focus: ".result-macro"
assert-css: (
    ".result-macro:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-macro:focus .macro",
    {"color": "rgb(6, 128, 0)"},
)

// Check the color of "fn".
assert-css: (
    ".result-fn .fn",
    {"color": "rgb(173, 124, 55)"},
    ALL,
)
assert-css: (
    ".result-fn",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)
move-cursor-to: ".result-fn"
assert-css: (
    ".result-fn:hover",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-fn:hover .fn",
    {"color": "rgb(173, 124, 55)"},
)
move-cursor-to: ".search-input"
focus: ".result-fn"
assert-css: (
    ".result-fn:focus",
    {"color": "rgb(0, 0, 0)", "background-color": "rgb(204, 204, 204)"},
)
assert-css: (
    ".result-fn:focus .fn",
    {"color": "rgb(173, 124, 55)"},
)

// Checking the `<a>` container.
move-cursor-to: ".search-input"
focus: ".search-input" // To ensure the `<a>` container isnt focus or hover.
assert-css: (
    "//*[@class='result-name']/*[text()='test_docs::']/ancestor::a",
    {"color": "rgb(0, 0, 0)", "background-color": "rgba(0, 0, 0, 0)"},
)

// Check the alias more specifically in the dark theme.
goto: "file://" + |DOC_PATH| + "/test_docs/index.html"
// We set the theme so we're sure that the correct values will be used, whatever the computer
// this test is running on.
local-storage: {
    "rustdoc-theme": "dark",
    "rustdoc-use-system-theme": "false",
}
// If the text isn't displayed, the browser doesn't compute color style correctly...
show-text: true
// We reload the page so the local storage settings are being used.
reload:
write: (".search-input", "thisisanalias")
// To be SURE that the search will be run.
press-key: 'Enter'
// Waiting for the search results to appear...
wait-for: "#titles"
// Checking that the colors for the alias element are the ones expected.
assert-css: (".result-name > .alias", {"color": "rgb(255, 255, 255)"})
assert-css: (".result-name > .alias > .grey", {"color": "rgb(204, 204, 204)"})