Angularjs: Identifizieren einer Schaltfläche in Selen

Question

Ich versuche, eine Schaltfläche in angularjs zu identifizieren. Der HTML-Code ist unten platziert. Wie unterscheide ich diese Schaltflächen mit Selen? Ich verwende Robotframework für die Automatisierung, aber es spielt keine Rolle, solange jemand bei der Identifizierung dieser Elemente/Schaltflächen mit CSS-Selektor oder Xpath oder anderen Mitteln helfen kann, sie eindeutig zu identifizieren.

Ich habe 4 Tasten Herr Frau Frau Andere

Html 4 wie unten

<button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"><span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;">Mr</span></button> 

<button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"><span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;">Mrs</span></button> 

<button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"><span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;">Ms</span></button> 

<button ng-repeat="choice in question.choices" ng-class="{selected: isSelected(choice.value)}" ng-click="selectAnswer(choice)" tabindex="1" class="ng-scope"><span fittext=".8" fittext-max="16" class="ng-scope ng-binding" style="display: inline-block; white-space: nowrap; line-height: 1; font-size: 16px;">Other</span></button> 

Answer 1

RobotFramework Weg, um eine dieser Schaltflächen zu finden würde b e

Click Button xpath=//span[text()="Mr"]/parent::button 

Answer 2

Sie können die <span> in den Tasten durch den Text identifizieren und klicken Sie darauf

driver.findElement(By.xpath("//span[text()='Mr']")); 
driver.findElement(By.xpath("//span[text()='Mrs']")); 
//... 

Answer 3

// first take each button inside the list 
List<WebElement> myButton = driver.findElements(By.className("ng-scope")); 
System.out.println("Size of the button the webpage is : " + myButton.size()); 
// now you can click button on the basis of index like below 

myButton.get(0).click(); // for first button 
myButton.get(1).click(); // for second button 
myButton.get(2).click(); // for third button 
myButton.get(3).click(); //For Forth Button