Selenium IDE: как проверить цвет текста с помощью CSS

Question

У меня есть ссылка:

<a class="title">My link</a>

Он оформлен с помощью этого кода CSS:

a.title {
  color: #CC3333;
}

Как проверить, что текст "Моя ссылка" красный? Я могу найти элемент с помощью css=a.title, но как я могу утверждать, что color == "#CC3333" в Selenium IDE?

Answer 1

style.color вернет цвет, если фактический элемент DOM имеет атрибут style.В вашем случае, когда цвет определен в теге <style>, он не будет работать.Это нам нужно, чтобы вы использовали getComputedStyle().Тем не менее, color возвращает цвет в формате RGB, но вы можете преобразовать свой цвет вручную и проверить результат RGB.

Примерно так:

assertEval(
  "window.document.defaultView.getComputedStyle(window.document.getElementsByClassName('title')[0]).getPropertyValue('color')",
  "rgb(204, 51, 51)"
)

Примечание. Также рекомендуетсяиспользовать selenium.browserbot.getCurrentWindow() вместо window.Я оставил окно, чтобы сделать фрагмент короче.