Seleniumworks

Wednesday, 20 March 2013

How to store & assert HTML-meta-tag?

<META> tag is a special HTML tag that provides information about a Web page. Metadata will not be displayed on the page, but will be machine parsable.

Unlike normal HTML tags, meta tags do not affect how the page is displayed. Instead, they provide information such as,

who created the page(author),
how often it is updated,
what the page is about(page description), and
which keywords represent the page's content.

Many search engines use this information when building their indices. This is how it looks:

<head>

</head>

Note: <meta> tag always goes inside the <head> element.

Store & Assert <meta> tag 'Description' content:

1. Use the command, "storeAttribute" for storing contents present inside the <meta> tag.
2. Insert the xpath //meta[@name='description']@content in Target field.
3. Now store the value and print it.

storeAttribute | //meta[@name='description']@content | variable

echo | ${variable}

Java code for store and assert <meta> tag description contents:

String variable= driver.findElement(By.xpath("//meta[@name='description']")).getAttribute("content");

System.out.println(variable);

assertEquals("your text", variable);

Monday, 18 March 2013

Headless Browser Testing using PhantomJS - GhostDriver | WebDriver

PhantomJS is a Headless Webkit with JavaScript API. It has fast & native support for various Web Standards: DOM handling, CSS selector, JSON, canvas and SVG. GhostDriver is a Webdriver wire protocol in simple JS for PhantomJS. PhantomJS is used for Headless Testing of Web Applications that comes with in-built GhostDriver.

Involves,
1| General command-line based testing.
2| As a part of a Continuous Integration System.

PhantomJS is not a Test framework, it is used only to LAUNCH the tests via a suitable Test Runner.

Framework used: WebDriver
Test Runner: GhostDriver

CI systems: Make sure PhantomJS is installed properly on the slave/build agent and it is ready to go. Headless Browser is a Web Browser without a GUI (Graphical User Interface). It access Web Pages but doesn't show them to any human being. Headless Browser should be able to parse JavaScript.

Configure PhantomJS

1. Download phantomjs.exe
2. Extract the phantomjs-1.8.x-windows.zip folder and locate phantomjs.exe file to C:/ folder

3. Add the following imports to your code:

import org.openqa.selenium.phantomjs.PhantomJSDriver;

import org.openqa.selenium.phantomjs.PhantomJSDriverService;
import org.openqa.selenium.remote.DesiredCapabilities;

4. Replace the object, "driver" specifying "FirefoxDriver" with "PhantomJSDriver".

Replace the code,
WebDriver driver = new FirefoxDriver

with

DesiredCapabilities caps = new DesiredCapabilities();

caps.setJavascriptEnabled(true); // not really needed: JS enabled by default

caps.setCapability(PhantomJSDriverService.PHANTOMJS_EXECUTABLE_PATH_PROPERTY, "C:/phantomjs.exe");

WebDriver driver = new PhantomJSDriver(caps);

5. Run Test.

Note|
PhantomJSDriver-1.0.x.jar can also be downloaded and configured in Eclipse manually.

PhantomJS | Screen Capture

DesiredCapabilities caps = new DesiredCapabilities();
caps.setJavascriptEnabled(true); // not really needed: JS enabled by default
caps.setCapability(PhantomJSDriverService.PHANTOMJS_EXECUTABLE_PATH_PROPERTY, "C://phantomjs.exe");
caps.setCapability("takesScreenshot", true);
driver = new PhantomJSDriver(caps);
baseUrl = "http://www.xyz.com";
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
}

@Test
public void test01() throws Exception {
driver.get(baseUrl + "/");
long iStart = System.currentTimeMillis(); // start timing
<your script>
File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(scrFile, new File("c:\\sample.jpeg"),true);
System.out.println("Single Page Time:" + (System.currentTimeMillis() - iStart)); // end timing
}

Friday, 8 March 2013

Load Default/Custom Chrome Profile to run tests using Selenium WebDriver

1. Download Chromedriver 2.4
2. Extract the zipped folder chromedriver_win32.zip and locate .exe file to C:/ folder

System.setProperty("webdriver.chrome.driver","C:\\chromedriver.exe");
ChromeOptions options = new ChromeOptions();
options.addArguments("user-data-dir=C:/Users/user_name/AppData/Local/Google/Chrome/User Data");
options.addArguments("--start-maximized");
driver = new ChromeDriver(options);

If you face such error:
"org.openqa.selenium.WebDriverException: unknown error: Chrome failed to start: exited normally"

Then try to create a new Chrome profile and execute tests.

1| Copy the folder, 'User Data' and paste it on the same folder with different name. e.g., New User
2| Open the folder, 'New User'.
3| Rename the folder, 'Default'; so that after your test run, a new folder named, 'Default' will be created.
4| Now, replace the directory on your code with C:/Users/user_name/AppData/Local/Google/Chrome/New User
5| If you like to test the profile, then bookmark some of the sites & observe them on next run.

Note:-
IE doesn't need profile setup to run tests because they run on Server user while Firefox and Chrome works with binary.

Thursday, 21 February 2013

Handle Alert Popup | Modal dialog

PopUps

Web Applications generate 3 different types of PopUps; namely,

1| JavaScript PopUps
2| Browser PopUps
3| Native OS PopUps [e.g., Windows Popup like Upload/Download]

JavaScript pop-ups are generated by the web application code. Selenium provides an API to handle JavaScript pop-ups

Alert alert = driver.switchTo().alert();

accept(), dismiss(), getText(), and sendKeys() are some of the most important Alert functions.

Handling JS PopUp

#Print Alert Text and Close

import org.openqa.selenium.Alert;

Alert alert = driver.switchTo().alert();
System.out.println(closeAlertAndGetItsText());

private String closeAlertAndGetItsText() {
try {
Alert alert = driver.switchTo().alert();
String alertText = alert.getText();
System.out.println(alertText); //Print Alert popup
if (acceptNextAlert) {
alert.accept(); //Accepts Alert popup [OK]
} else {
alert.dismiss(); //Cancel Alert popup
}
return alertText;
} finally {
acceptNextAlert = true;
}
}

#Assert Alert Text

Alert alert = driver.switchTo().alert();
assertEquals("Expected Value", closeAlertAndGetItsText());

isAlertPresent()

driver.findElement(By.id(Value)).click();
isAlertPresent();

private void isAlertPresent() {
try {
  Alert alert = driver.switchTo().alert();
   System.out.println(alert.getText());
   alert.accept();
} catch (NoAlertPresentException e) {
   System.out.println("Alert not available");
return;
}
}

Tuesday, 19 February 2013

How to set proxies with Username and Password in FirefoxDriver

Setting up Custom Firefox Profile to run Selenium Tests on Desktop Firefox

Even though Selenium – WebDriver – FirefoxDriver – Proxy with Basic/Kerberos Authentication didn’t work, you can achieve this with an alternate step that overrides Firefox browser Proxy Authentication.

The alternate step is nothing but allowing WebDriver to run tests on default/custom Firefox profile rather than running from FirefoxDriver.

Note:
In Selenium 2.0 (WebDriver) every popular browsers has its own selenium drivers to run tests.

Let us go with the concept now…

Create Firefox Profile Manager

Important: Before you can start the Profile Manager, Firefox must be completely closed.

1. At the top of the Firefox window, click on the Firefox button and then select Exit
2. Press Win + R (click the Windows Start button and select Run... on Windows XP).
3. In the Run dialog box, type in:
firefox.exe -p
4. Click OK.

5. Now, create the firefox profile "myProjectProfile".

If the Profile Manager window does not open, Firefox may have been running in the background, even though it was not visible. Close all instances of Firefox or restart the computer and then try again.

Add this New Firefox Profile on your code

ProfilesIni profile = new ProfilesIni();
FirefoxProfile myprofile = profile.getProfile("myProjectProfile");
WebDriver driver = new FirefoxDriver(myprofile);

Firefox configuration settings

This works fine without prompting any authentication when you do the following settings..

1) Type "about:config" on your FF url
2) Now type "Proxy" in the search field
3) Make sure "signon.autologin.proxy" is set "true" (By default it is "false")

Friday, 15 February 2013

How to set Temporary manual Proxy using WebDriver

The easiest and recommended way is to manually set the proxy on the machine that will be running the test. If that is not possible or you want your test to run with a different configuration or proxy, then you can use the following technique that uses a Capabilities object. This temporarily changes the system’s proxy settings and changes them back to the original state when done.

IE [Internet Explorer]

String PROXY = "localhost:8080";

org.openqa.selenium.Proxy proxy = new org.openqa.selenium.Proxy();
proxy.setHttpProxy(PROXY)
.setFtpProxy(PROXY)
.setSslProxy(PROXY);
DesiredCapabilities cap = new DesiredCapabilities();
cap.setCapability(CapabilityType.PROXY, proxy);

WebDriver driver = new InternetExplorerDriver(cap);

FF [Firefox]

String PROXY = "localhost:8080";

org.openqa.selenium.Proxy proxy = new org.openqa.selenium.Proxy();
proxy.setHttpProxy(PROXY)
.setFtpProxy(PROXY)
.setSslProxy(PROXY);
DesiredCapabilities cap = new DesiredCapabilities();
cap.setCapability(CapabilityType.PROXY, proxy);

WebDriver driver = new FirefoxDriver(cap);

Monday, 11 February 2013

How to configure Apache Ant on Mac OS X?

Installing Apache Ant on MAC is quite different from Windows.
We use Terminal instead of cmd prompt in MAC.

Steps to Install Apache Ant on MAC OS X:

1. Download the latest version of Apache Ant.

2. Open the Terminal application.

3. Now you’ll need to manipulate files in the /usr/local/ which means you’ll need root privileges. To get them use “sudo” command (lucky you are, Mac OS X already has sudo as well) and enter your root password.
sudo sh

System_name:~ Username$ sudo sh
Password:
sh-3.2$

4. Move/Copy the archive into /usr/local/:
mv apache-ant-1.8.4-bin.tar.gz /usr/local/

5. Go to /usr/local/:
cd /usr/local/

sh-3.2$ cd /usr/local/

6. Unarchive the sources:
tar xvzf apache-ant-1.8.4-bin.tar.gz

sh-3.2$ tar xvzf apache-ant-1.8.4-bin.tar.gz

7. Change the apache-ant-1.8.4 directory owner to your normal user:
chown YourUsername:YourGroup apache-ant-1.8.4

If you’re not sure about the username and the group simply type “ls –la”. This command will print out all files and directories in the current directory (/usr/local/). The Ant sources you just copied will have your username and your group:
-rw-r--r--@ 1 Sams staff 5425171 12 Feb 15:24 apache-ant-1.8.4-bin.tar.gz

sh-3.2# ls -la
total 10600
drwxr-xr-x 5 root wheel 170 Feb 12 16:05 .
drwxr-xr-x@ 11 root wheel 374 Dec 29 19:47 ..
drwxr-xr-x@ 14 root wheel 476 Feb 12 16:05 apache-ant-1.8.4
-rw-r--r--@ 1 user_name staff 5425171 Feb 12 15:24 apache-ant-1.8.4-bin.tar.gz
drwxr-xr-x 4 root wheel 136 Dec 29 19:47 bin

8. Now you can run Ant by typing /usr/local/apache-ant-1.8.4. Not very convenient, huh?

9. Let’s make it work more friendly:
First, create a symbolic link to refer the application as ant instead of apache-ant-1.8.:
ln -s apache-ant-1.8.4 ant

sh-3.2# ln -s apache-ant-1.8.4 ant

Second, add the following lines into your shell config:
export ANT_HOME_DIR=/usr/local/ant
export PATH=${PATH}:${ANT_HOME_DIR}/bin

sh-3.2# export ANT_HOME_DIR=/usr/local/ant
sh-3.2# export PATH=${PATH}:${ANT_HOME_DIR}/bin
sh-3.2#

10. Restart your Terminal and type “ant”. If it says “Buildfile: build.xml does not exist! Build failed” which means that Apache Ant works correctly.

Else open terminal and type,
ant -version

Tuesday, 5 February 2013

Capture the Screen on Test failure - WebDriver

Screen captures of the browser session helps you to show error conditions.

#JAVA

WebDriver driver = new FirefoxDriver();
driver.get("http://www.google.com/");
File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(scrFile, new File("c:\\sample.jpeg"),true);

#Python

#!/usr/bin/env python
from selenium import webdriver
browser = webdriver.Firefox()
browser.get('http://www.google.com/')
browser.save_screenshot('screenie.png')
browser.quit()

Example Test
[Note:- "Scripts in Orange color are mandatory"]

import java.io.File;
import org.apache.commons.io.FileUtils;
import org.openqa.selenium.OutputType;
import org.openqa.selenium.TakesScreenshot;

public class classname{
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://in.yahoo.com/";
driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);
}

@Test
public void testWww() throws Exception {
driver.get(baseUrl + "/?p=us");
driver.findElement(By.id("p_13838465-p")).clear();
driver.findElement(By.id("p_13838465-p")).sendKeys("screen");
driver.findElement(By.id("search-submit")).click();
Thread.sleep(2000);
File scrFile = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
FileUtils.copyFile(scrFile, new File("c:\\sample.jpeg"),true);
Thread.sleep(2000);
}

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

}

For Selenium RC,
Use the command: captureEntirePageScreenshotAndWait
Target: C:\\$(image).jpg

This cmd won't work for WebDriver

Example with 'captureScreenshot()'

Selenium selenium;
selenium = new DefaultSelenium(seleniumServer, 4444,
"*firefox", "http://www.google.com");
selenium.start();
selenium.open("/");
selenium.captureScreenshot("C:\screenshot.png");

Examples with 'captureEntirePageScreenshot()'

Selenium selenium;
selenium = new DefaultSelenium(seleniumServer, 4444,
"*firefox", "http://www.google.com");
selenium.start();
selenium.open("/");
selenium.captureEntirePageScreenshot("C:\screenshot.png","");

Monday, 4 February 2013

Setting up Selenium & Eclipse

Configure Selenium with Eclipse:

1. Go to URL – http://www.eclipse.org/downloads/
2. Download Eclipse IDE for Java Developers (Click on Windows 32 bit platform)
3. Unzip Eclipse and double click Eclipse.exe
4. Create a workspace folder –> C:\Workspace (or)
5. Click File menu –> Switch Worspace –> other

6. Now Select the C:\Workspace folder.

7. Click Workbench.

Download Drivers

Now, download Selenium RC server/client driver and configure that to Eclipse.

1. Download Selenium server

2. Download Selenium Client driver

Configure Selenium Client driver

1. Go to Eclipse –> Click File –> New –> Project (from various options need to select just “project”)
2. In Select Wizard –> Click Java –> “Java Project” (demonstrated in the below figure)

3. Give the project name (e.g. TestProject)
4. Click Finish.
5. Create a folder named “lib” inside the project "TestProject".
6. Copy the jar file "Selenium-server.jar" into "lib" folder.
7. Also extract all the jar files from "selenium-java-x.xx.x" (Selenium Client driver) into "lib" folder.

8. Right Click the project, “TestProject” and click "Build Path".
9. Select "Configure Build Path".

10. Click Libraries tab
11. Click “Add External JARs” button

12. Now, select all the jar files copied under the "lib" folder.
13. Click OK
14. Check the Referenced libraries for both the Selenium Client driver jar files as shown in the below picture.

Create class file

1. Right click on the folder "src", Click File –> New –> Package

2. Name the Package. (e.g., testpack) and click Finish.
3. Right click on the Package and Click File –> New –> class
4. Name the class. (e.g., Test)
5. Now copy the generated test script into the class workspace and run it.

Configure TestNG with Eclipse

How to set-up TestNG framework with Eclipse ? Here it is...........
This set-up doesn't require any .jar or .exe files.

Steps to Configure TestNG with Eclipse:

1. Click Help –> Install New Software

2. Type “http://beust.com/eclipse” in the “Work with” edit box and click ‘Add’ button.

3. In the ‘Name’ column we can see “TestNG” –> Select this and click ‘Next’ button

4. Click Next and click on the radio button “I accept the terms of the license agreement”.

5. Click ‘Next’ button

6. Click ‘Finish’

This will install the TestNG plug-in for Eclipse

After the installation, it will ask for restart of Eclipse. Then restart the Eclipse.

Once the Eclipse is restarted, we can see the TestNG icons & menu items as in the below figures.