Skontrolujte prvok pre hodnoty css? - ruby, watir, watir-webdriver

príklad: Môžem len ak má značka div hodnotu css

div{background-color: #444444}

a vrátiť pravdivý / nepravdivý podľa výsledku?

Na spustenie testovacích skriptov používam webový ovládač watir, musím skontrolovať hodnoty CSS a zistiť, či boli zmeny uplatnené atď.

odpovede:

Watir-webdriver má vstavaný style metóda na získanie vypočítaných štýlov.

Získajte štýl pomocou:

div.style("background-color")

Týmto sa vráti reťazec predstavujúci vypočítanú hodnotu štýlu. Potom ju môžete porovnať s očakávanou hodnotou.

Ak chcete hľadať štýl a akýkoľvek prvok s týmto selektorom v tele, musíte kombinovať Nokogiri (analyzátor HTML) a CSSPool (analyzátor CSS).

Môžete skúsiť niečo také s Javascript:

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

Možno budete musieť skontrolovať staršie prehliadače.