可以在 selenium 中处理 CSS 样式的条件吗？

Question

要检查哪个输入是启用的，在我们的 DOM 结构（Knockout JS）中没有特定的属性，它说按钮是启用的..

它由 ::before 类的 CSS 属性之一处理：

CSS：{content: "\f013";}

HTML：

<div data-bind="foreach: XXXXXX ">
 <div class=".col-xs-3 col-sm-3 col-md-3 -setting-radio" data-bind="attr: " > 
  <label class="radio-position radio-inline " data-view="widgets/input/radio/view" data-active-view="true" style="">
        <input class="-widgets-input-radio-check" id="radio" type="radio" data-bind="Enable: enable, value: value, checked: checked" value="1" name="FS">
  <span class="-radio-label"></span> 
  <span class="-widgets-input-radio-text" data-bind="html: data">Global</span>
  </label>  
 </div>

 <div class=".col-xs-3 col-sm-3 col-md-3 -setting-radio" data-bind="attr: " > 
  <label class="radio-position radio-inline" data-view="widgets/input/radio/view" data-active-view="true" style=""> 
    <input class="-widgets-input-radio-check" id="radio" type="radio" data-bind="Enable: enable, value: value, checked: checked" value="2" name="FS">
    <span class="-radio-label"> </span>
    <span class="-widgets-input-radio-text" data-bind="html: data">Capital</span> 
  </label>
 </div>  
</div> 

我们如何实现它？

Answer 1

在 selenium 中有一个特殊的方法，命名为value_of_css_property 名称因你使用的语言而异，但思路是一样的。

我从您的问题中了解到，您可以像下面的示例一样使用它：

assert driver.find_element_by_css_selector('css_locator').value_of_css_property("content") == "\f013"

HTML 是不够的，您还需要检查哪些 CSS 属性已更改。 您可以将其用于等待和断言。 我为此使用计算选项卡：