Launch the Firefox browser.

Open the website for testing in the Firefox browser. For this example we will use http://demo.magentocommerce.com/.

Open Selenium IDE from the Tools menu.

Now switch back to the Firefox browser window and type Nokia in the search textbox and click on the Search button as shown:

Check if the link Nokia 2610 Phone is present in the search results. We can do that by selecting the link and opening the context menu (right-click) and selecting Show All Available Commands | assertElementPresent link=Nokia 2610 Phone.

Next, we will click on the Nokia 2610 Phone link to open the product page and check if the Nokia 2610 Phone text is displayed on the product page. To do this, select the Nokia 2610 Phone text and open the context menu (right-click) and select Show All Available Commands | assertTextPresent link=Nokia 2610 Phone:

Go back to Selenium IDE. All the previous steps are recorded by Selenium IDE in the Command-Target-Value format as shown in the following screenshot. Stop the recording session by clicking on the Recording button:

Select File | Save Test Case from the Selenium IDE main menu:

In the Save As dialog box, enter the test case name as SearchTest.html and click on the Save button. The test will be saved with the name SearchTest.

Select File | Save Test Suite from the Selenium IDE main menu.

In the Save As dialog box, enter the test case name as SearchFeatureTests.html and click on the Save button.

You can create and record more than one test case in a test suite.

Launch the Eclipse IDE.

Create a new project by selecting File | New | Other from the Eclipse main menu.

On the New dialog, select Maven | Maven Project as shown in the following screenshot:

Next, the New Maven Project dialog box will be displayed; select the Create a simple project (skip archetype selection) checkbox and keep everything as default and click on the Next button:

On the New Maven Project dialog box, enter com.demoapp.seleniumtests in the Group Id: and Artifact Id: textboxes. You can also add a name and description. Keep everything as default and click on the Finish button, as shown in the following screenshot:

Eclipse will create the com.demoapp.seleniumtests project with a folder structure (in Package Explorer) similar to the one shown in the following screenshot:

Select pom.xml from Package Explorer. This will open the pom.xml file in the editor area with the Overview tab open. Select the pom.xml tab instead.

Add the WebDriver and JUnit dependencies highlighted in the following code to pom.xml in the <project> node:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.demoapp.seleniumtests</groupId>
  <artifactId>com.demoapp.seleniumtests</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <dependencies>
    <dependency>
    <groupId>org.seleniumhq.selenium</groupId>
      <artifactId>selenium-java</artifactId>
      <version>LATEST</version>
    </dependency>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.8.1</version>
      <scope>test</scope>
    </dependency>
  </dependencies>
</project>

You can get the latest dependency information for Selenium WebDriver and JUnit from http://seleniumhq.org/download/maven.html and http://maven.apache.org/plugins/maven-surefire-plugin/examples/junit.html respectively.

Add the com.example.tests package in the src/test/java folder.

Create a new class SearchTest.java in the com.example.tests package.

Now let's go back to Selenium IDE and click on Options | Options from the main menu.

In the Selenium IDE Options dialog box, check the Enable experimental features checkbox and click on the OK button.

To view the test in Java, select Options | Format | Java / JUnit 4/ WebDriver from the main menu as shown in the following screenshot:

Click on the OK button in the [JavaScript Application] dialog box as shown:

The Source tab on the Selenium IDE window will now display the test in Java:

Copy the entire contents from the Source tab and add it to the SearchTest class:

package com.example.tests;

import java.util.regex.Pattern;
import java.util.concurrent.TimeUnit;
import org.junit.*;
import static org.junit.Assert.*;
import static org.hamcrest.CoreMatchers.*;
import org.openqa.selenium.*;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.support.ui.Select;

public class SearchTest {
  private WebDriver driver;
  private String baseUrl;
  private boolean acceptNextAlert = true;
  private StringBuffer verificationErrors = new StringBuffer();

  @Before
  public void setUp() throws Exception {
    driver = new FirefoxDriver();
    baseUrl = "http://demo.magentocommerce.com/";
    driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
  }

  @Test
  public void testSearch() throws Exception {
    driver.get(baseUrl + "/");
    driver.findElement(By.id("search")).clear();
    driver.findElement(By.id("search")).sendKeys("Nokia");
    driver.findElement(By.cssSelector("button.button")).click();
    assertTrue(isElementPresent(By.linkText("Nokia 2610 Phone")));
    driver.findElement(By.linkText("Nokia 2610 Phone")).click();
    // Warning: assertTextPresent may require manual changes
    assertTrue(driver.findElement(By.cssSelector("BODY")).getText().matches("^[\\s\\S]*Nokia 2610 Phone[\\s\\S]*$"));
  }

  @After
  public void tearDown() throws Exception {
    driver.quit();
    String verificationErrorString = verificationErrors.toString();
    if (!"".equals(verificationErrorString)) {
      fail(verificationErrorString);
    }
  }

  private boolean isElementPresent(By by) {
    try {
      driver.findElement(by);
      return true;
    } catch (NoSuchElementException e) {
      return false;
    }
  }

  private String closeAlertAndGetItsText() {
    try {
      Alert alert = driver.switchTo().alert();
      if (acceptNextAlert) {
        alert.accept();
      } else {
        alert.dismiss();
      }
      return alert.getText();
    } finally {
      acceptNextAlert = true;
    }
  }
}

To run the tests in the Maven lifecycle, select the com.demoapp.seleniumtests project in Package Explorer. Right-click on the project name and select Run As | Maven test. Maven will execute all the tests from the project using Selenium WebDriver with other language bindings.