Using Selenium WebDriver to select JSF/PrimeFaces selectOneMenu options

I'm using JBehave with Selenium WebDriver to test my PrimeFaces (JSF2) application. Selecting an option from a SelectOne option list isn't standard though because of the HTML markup generated by the JSF component.


The facelets code to place the selectOneMenu uses the ID 'state':

<p:selectOneMenu id="state" value="#{myBean.state}">
<f:selectItem itemLabel="- Select One -" itemValue=""/>
<f:selectItems value="#{optionsBean.states}" var="item"
itemLabel="#{item.name}"
itemValue="#{item}"/>
</p:selectOneMenu>
view raw Facelets (Primefaces) selectOneMenu hosted with ❤ by GitHub

This generates HTML div blocks with id's prefixed with this components id:

<div id="myForm:state" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-helper-clearfix" style="width: 147px;">
<div class="ui-helper-hidden">
<select id="myForm:state_input" name="myForm:state_input">
<option value="">- Select One -</option>
<option value="Enabled">Enabled</option>
<option value="Disabled">Disabled</option>
</select>
</div>
<div class="ui-helper-hidden-accessible">
<input id="myForm:state_focus" name="myForm:state_focus" type="text">
</div>
<label id="myForm:state_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all" style="width: 137px;">- Select One -</label>
<div class="ui-selectonemenu-trigger ui-state-default ui-corner-right">
<span class="ui-icon ui-icon-triangle-1-s"></span>
</div>
</div>
view raw selectOneMany HTML hosted with ❤ by GitHub

To select an option, I use a method which manipulates the appropriate divs - this can be used as illustrated below:

/*
The facelets code uses the id "state"
<p:selectOneMenu id="state" value="#{myBean.state}">
...
</p:selectOneMenu>
*/
// sample invocation to select element
selectOne("myForm:state", "Disabled");
// select given option
public void selectOne(String idPrefix, String value) {
if (StringUtils.isNotBlank(value)) {
getDriver().findElement(By.id(idPrefix + "_label")).click();
getDriver().findElement(By.xpath("//div[@id='" + idPrefix + "_panel']/div/ul/li[text()='" + value + "']")).click();
}
}
view raw gistfile1.java hosted with ❤ by GitHub

To reuse this type of utility method, I put it in a base Page Object class:

import net.thucydides.core.pages.PageObject;
import org.apache.commons.lang3.StringUtils;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
public abstract class AbstractPage extends PageObject {
public AbstractPage(WebDriver driver) {
super(driver);
}
public void waitForAjax() {
waitForRenderedElements(By.className("ajaxLoadingImg"));
waitForRenderedElementsToDisappear(By.className("ajaxLoadingImg"));
}
public void clickLinkWithText(String linkText) {
getDriver().findElement(By.linkText(linkText)).click();
}
public void selectOne(String idPrefix, String value) {
if (StringUtils.isNotBlank(value)) {
getDriver().findElement(By.id(idPrefix + "_label")).click();
getDriver().findElement(By.xpath("//div[@id='" + idPrefix + "_panel']/div/ul/li[text()='" + value + "']")).click();
}
}
}
view raw Abstract page object for selenium webdriver hosted with ❤ by GitHub


Popular posts from this blog

AspectJWeaver with JDK 7 - error - only supported at Java 5 compliance level or above

I came across this problem with an older project - when I switched from jdk6 to jdk7, when the application started I encountered: nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'org.springframework.transaction.annotation.AnnotationTransactionAttributeSource#0': Initialization of bean failed; nested exception is java.lang.IllegalArgumentException:   error annotation type patterns are only supported at Java 5 compliance level or above I didn't want a purely maven solution because during development I run the app in Tomcat via the IDE (Intellij IDEA). In the end I just upgraded my aspectjweaver dependency to 1.7.2 (it was 1.5.4) <dependency>    <groupId>org.aspectj</groupId>    <artifactId>aspectjweaver</artifactId>    <version>1.7.2</version> </dependency> Everything seems okay now.
Read more

Intellij tip - Joining multiple lines into one

There are times when you have some code with each statement on its own line, and you want to move it all onto one line. CSS is where I've needed this the most. You start off with some code like this: And really want this: Intellij has a very simple way to do this by using Ctrl-Shift-J - for more information, see http://www.jetbrains.com/idea/webhelp/joining-lines-and-literals.html
Read more

JUnit parameterized test with Spring autowiring AND transactions

I've been writing JUnit Parameterized tests (a nice intro here - also see Theories ) to do some data driven API testing. Now, when introducing Spring into the mix there are a couple of extra things to do . I came unstuck though because I was trying to do Transactional tests - since I'm now using @RunWith(Parameterized.class) and setting up my Spring TestContextManager manually the @Transaction annotations caused an exception: java.lang.IllegalArgumentException: Superclass has no null constructors but no arguments were given I couldn't find any built in solution, so I've gone with manual transaction management in my test, using doInTransaction: @RunWith(Parameterized.class) @ContextConfiguration(locations = "classpath*:/testContext.xml") public class MyTest { @Autowired PlatformTransactionManager transactionManager; private TestContextManager testContextManager; public MyTest (... parameters for test) { // store parameters in instance v...
Read more