"Textbox" Handling Using JavaScriptExecutor (JSE)

"Textbox" Handling Using JavaScriptExecutor (JSE):

• Enter data into a textbox.
• Retrieve the entered value from the textbox.
• Clear the value from the textbox

package JavaScriptExecutorBasics;

import org.openqa.selenium.JavascriptExecutor;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.chrome.ChromeDriver;

public class TextboxHandlingByJSE {

public static void main(String[] args) throws InterruptedException {

System.setProperty("webdriver.chrome.driver", ".\\Drivers\\chromedriver.exe");

// //open chrome browser

WebDriver  driver =  new ChromeDriver();

driver.get("file:///C:/brahma/Practise/qtp%20practise/web%20apps/ALL%20Web%20objects.html");

//************************************

// Enter 'Sita' in 'first name' textbox

// driver.findElement(By.xpath("")).sendKeys("Raju");

//   assume that above line is not working 

//JSE -->  use "id" value

//   js code--> document.getElementById('idfirst').value='Raju';

JavascriptExecutor jse = (JavascriptExecutor) driver;

jse.executeScript("document.getElementById('idfirst').value='Raju';");

Thread.sleep(4000);

//JSE -->  use "name" 

// document.getElementsByName("firstname").value='Sam';// Dont use this

//document.getElementsByName("firstname");

// //  return multiple elements-- use index no

// working

// document.getElementsByName("firstname").length; //1

//document.getElementsByName("firstname")[0];

// document.getElementsByName("firstname")[1]'

//document.getElementsByName("firstname")[0].value='Sam';

//document.getElementsByName('firstname')[0].value='Ranga'; // Prefer to use single quotes

// jse.executeScript("document.getElementsByName(\"firstname\")[0].value=\"Sam\";");// ok

jse.executeScript("document.getElementsByName('firstname')[0].value='Ranga';");

// get value from textbox

// ele.getAttribute("value");

// JS code -->  use id  --> document.getElementById('idfirst').value;

Object valFromFirstNameTxtbox =  jse.executeScript("return document.getElementById('idfirst').value;");

//                                   Ranga

//

System.out.println("valFromFirstNameTxtbox="+valFromFirstNameTxtbox);

//valFromFirstNameTxtbox=Ranga

// Clear the value from text box 

// JS code --> use id --> document.getElementById('idfirst').value='';

jse.executeScript("document.getElementById('idfirst').value='';");

// HW Enter value in "last name" textbox using getElementByid()  using JSE

// HW get value from last name tetxbox using getElementByid - JSE

// 2.  Enter value in "last name" textbox using getElementsByname  using JSE

//JS code-->         //  not working

// HW get value from last name tetxbox using 'name' - JSE

// JSe --> 

System.out.println("valFromLastNAmeTxtbox=");

//valFromLastNAmeTxtbox=rao

//  Enter 'sita' in 'first name' txtbox using  getElementsByName

//js : 

// HW enter value in 'Test' field using JSE use getelemntById()  or getElementsByName();

// HW enter value in password usinsg JSE

// HW enter some value 'first name' text box using  getElementsByClassName

// js code: document.getElementsByClassName('firstclass')[0].value='Ramu';

//HW Get value 'first name' text box using  getElementsByClassName

// HW enter some value 'last name' text box using  getElementsByClassName()

// HW Get value 'last name' text box using  getElementsByClassName

}

}