106. Typing the Text into Text box by Locating the Text Box field using CSS Path Statement

Lets write a Sample Program which locates the Text Box element on the web page using CSS Path Statement:

Test Description:

First of all lets understand the Test Description by going through the comments mentioned on the below screenshot.

Lets Implement the Test on Eclipse IDE:

Pre-requisites:

1. Create a new Project say 'RC-Project22' in Eclipse IDE
2. Configure the Project to work with Selenium RC
3. Configure the Selenium Standalone Server to run from Eclipse IDE
4. Create a package say 'package22' under the newly created project.
5. Create a Java Class file say 'Class22' under the newly created package as shown below: 

Actual Steps:

1. Ensure that you already know how to use the Selenium predefined methods type( ) and getValue( ). If not please refer to the posts #31 and #42 before going to the next steps.

2. Write the following code into the newly created Java Class file as shown below and make sure that you resolve all the errors before going to next step:

3. Write the test method 'enterTextToHomePageTextBoxAndVerifyWhetherAdded()' which uses CSS Path Statements for locating the Text Box field as shown below: (I have used Firepath for finding the CSS Path statement  i.e #q for locating the text box field)

4. Start the Selenium Standalone Server
5. Save and Run the 'Class22.java' file by selecting the 'JUnit Test' option and observe that the test got failed with the error shown in the below screenshot:

6. How to resolve this problem ? The only way to resolve this problem is to add 'css='  before the CSS Path (i.e. css=#q in this example).

7. Now lets replace #q with css=#q as shown below and Run the 'Class22.java' file by selecting the 'JUnit Test' option:

8. Observed that the test got passed as shown in the below video:

Watch the below video:

Click here to watch the video.

Download this Project:

Click here to download this project and import into Eclipse IDE  on your machine.


Please comment below to feedback or ask questions.

Using isChecked( ) predefined method to get the status of the radio buttons and check box options will be explained in the next post.