ruby - 如何验证鼠标悬停时元素的颜色是否改变？

Question

如果鼠标悬停在https://stackoverflow.com/网站的“提问”按钮上，按钮的颜色会变为黄色。如果我想确定，如果鼠标悬停时颜色真的发生了变化，我该如何使用 Selenium WebDriver 来实现呢？我在 html dom 中找不到任何有用的东西。

我可以使用 move_to 方法将鼠标悬停在元素上，但不知道如何检查按钮颜色是否改变？我想，我必须检查 css 样式，但不知道该怎么做。

Answer 1

使用css_value，请参阅此处的文档。请注意，此背景颜色属性是 on <li>，而不是<a>在这种特殊情况下。

btn_ask_question = driver.find_element(:css, '.nav.askquestion li')
puts btn_ask_question.css_value('background-color')

driver.action.move_to(btn_ask_question).perform
puts btn_ask_question.css_value('background-color')

我的输出（rgba(255, 153, 0, 1) 是#FF9900，也就是橙色）：

RGBA(119, 119, 119, 1)

RGBA(255, 153, 0, 1)