需要幫助創建CSS選擇器的單選按鈕組爲硒的webdriver

Question

下面是html代碼，我需要幫助創建CSS選擇器，我嘗試使用XPath，但一些控件是動態的頁面，使Xpath每隔一個控制選擇不同。

<buttons-radio class="btn-group form-100 form-right ng-isolate-scope" options="trueFalseOptions" model="vehicle.CustomEquipment" data-toggle="buttons-radio"> 
    <label class="btn btn-default btn-sm form-50 ng-scope ng-binding" analytics-event="primary driver Yes" analytics-on="click" ng-click="activate(option)" ng-repeat="option in options" ng-class="{active: isActive(option)}">Yes </label> 
    <label class="btn btn-default btn-sm form-50 ng-scope ng-binding active" analytics-event="primary driver No" analytics-on="click" ng-click="activate(option)" ng-repeat="option in options" ng-class="{active: isActive(option)}">No </label> 

Answer 1

我假設你想定位「是」和/或「否」標籤「按鈕，無線電」元素。下面的CSS選擇器應爲你工作：

1爲 '是'：

buttons-radio[model='vehicle.CustomEquipment'] label:nth-of-type(1) 

2-對於 '不'：

buttons-radio[model='vehicle.CustomEquipment'] label:nth-of-type(2) 

---

如果你是不一定使用css-selectors，你可以使用xpath，或者如下圖所示：

1爲 '是'：

//buttons-radio[@model='vehicle.CustomEquipment']/label[contains(text(),'Yes')] 

2-對於 '不'：

//buttons-radio[@model='vehicle.CustomEquipment']/label[contains(text(),'No')]