Проверете елемента за CSS стойности? - руби, watir, watir-webdriver

пример: Мога ли само ако div tag има css на

div{background-color: #444444}

и върнете true / false в зависимост от резултата?

Използвам watir webdriver за стартиране на скриптове за тестване, трябва да проверя стойностите на css и да видя дали промените са приложени и т.н.

Отговори:

Watir-webdriver има вграден style метод за получаване на изчислените стилове.

Вземете стила, като използвате:

div.style("background-color")

Това ще върне низ, представляващ стойността на изчисления стил. След това можете да го сравните с очакваната стойност.

Трябва да смесите Nokogiri (HTML анализатор) и CSSPool (CSS анализатор), за да търсите стила и всеки елемент с този селектор в тялото.

Може да опитате нещо подобно с Javascript:

var bg = document.defaultView.getComputedStyle(yourElement).getPropertyValue("background-color");
if (bg == "#444444"){
// do your code here
}

Може да се наложи да проверите това за по-стари браузъри.