Previous Topic, In the tutorial we are going to learn Automating Hybrid Apps with Appium. Before going further lets understand with is Hybrid Apps.

In automation testing point of view, while automation the hybrid app, we come up with two approaches, native app and web view. When ever we have to switch from native to web platform. We need to change the context and continue with scripting or execution.

How to change context from Native to Web view in Hybrid app?

During the automation creation or execution, whenever there is a need to change the context, it can be performed getContextHandles() method, within the driver instance which returns a Set contains all the context within the hybrid app.

If we want to switch to any context, we can iterate and get in to webview and perform the action that is done with in web application.

Automating Hybrid Apps with Appium

• Launch the hybrid application “WebView Test” on your device.
• Click to website icon on the top right.
• Enter the website name “facebook.com”
• Input the User name in the user text box
• Enter the password under password textbox.
• Close the application.

public static DesiredCapabilities capabilities=null;
public AndroidDriver<AndroidElement> adriver=null;

File app =new File(System.getProperty("user.dir")+"\\apks\\WEBVIEWTEST.apk");
		
capabilities =new DesiredCapabilities();
capabilities.setCapability("deviceName","Redmi");			//capabilities.setCapability(MobileCapabilityType.BROWSER_NAME, "Chrome");
capabilities.setCapability("platformVersion","9 PKQ1.181203.001");			capabilities.setCapability("platformName","Android");			capabilities.setCapability("chromedriverExecutable","C:\\Users\\XXXXX\\Desktop\\Eclipse_Installer\\GeckoDriver\\chromedriver.exe");
capabilities.setCapability("noReset","true");
capabilities.setCapability("fullReset","false");						capabilities.setCapability("appium:chromeOptions",ImmutableMap.of("w3c",false));	
capabilities.setCapability("app", app.getAbsolutePath());
			
try {
System.out.println("Opening Hybrid Application");
adriver = new AndroidDriver<AndroidElement>(new URL("http://0.0.0.0:4723/wd/hub"), capabilities); 
Thread.sleep(3000);
AndroidElement browsrIcon =adriver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"com.snc.test.webview2:id/action_go_website\")"));
browsrIcon.click();
				
AndroidElement inputUrl=adriver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"com.snc.test.webview2:id/input_url\")"));	
			
inputUrl.sendKeys("facebook.com");			
Thread.sleep(2000);
				
AndroidElement goButton=adriver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"android:id/button1\")"));				
				
goButton.click();
	
Set<String> contextNames =adriver.getContextHandles();				
Iterator<String> itr=contextNames.iterator();			
while(itr.hasNext()){
				
System.out.println(itr.next());	
}
				
adriver.context((String) contextNames.toArray()[1]); 				adriver.findElement(By.id("email")).sendKeys("code2test.com");				adriver.findElement(By.id("pass")).sendKeys("TestingSite");
adriver.close();
} catch (Exception e) {
e.printStackTrace();
}
}

Step 1) Add the below capabilities on the Appium Automation script:

//Create the object of Desired Capability
capabilities =new DesiredCapabilities();
//Define the Device name
capabilities.setCapability(“deviceName”,”Redmi”);
//Define the platform version
capabilities.setCapability(“platformVersion”,”9 PKQ1.181203.001″);
//Define Platform name
capabilities.setCapability(“platformName”,”Android”);
//provide the chrome driver exe path saved in local system with same version as the browser version in mobile device
capabilities.setCapability(“chromedriverExecutable”,”C:\Users\Girvar Singh Negi\Desktop\Eclipse_Installer\GeckoDriver\chromedriver.exe”);
//Define Browser name
capabilities.setCapability(MobileCapabilityType.BROWSER_NAME, “Chrome”);
//Define the string for chrome option
capabilities.setCapability(“appium:chromeOptions”,ImmutableMap.of(“w3c”,false));

Step 2) Create the object the android Driver passing host, port number along with capabilities as a parameter

adriver = new AndroidDriver(new URL(“http://0.0.0.0:4723/wd/hub”), capabilities)

AndroidElement browsrIcon =adriver.findElement(MobileBy.AndroidUIAutomator(“new UiSelector().resourceId(\”com.snc.test.webview2:id/action_go_website\”)”));browsrIcon.click();

AndroidElement inputUrl=adriver.findElement(MobileBy.AndroidUIAutomator(“new UiSelector().resourceId(\”com.snc.test.webview2:id/input_url\”)”)); inputUrl.sendKeys(“facebook.com”);

Set<String> contextNames =adriver.getContextHandles();

Iterator itr=contextNames.iterator();
while(itr.hasNext()){ System.out.println(itr.next());
}

adriver.context((String) contextNames.toArray()[1]);

• adriver.findElement(By.id(“email”)).sendKeys(“code2test.com”); adriver.findElement(By.id(“pass”)).sendKeys(“TestingSite”);

adriver.close();

Prevoius Topic, We are going to learn to perform Mobile WebApplication Automation with Appium, in this tutorial, but before we start let understand about WebApplication Automation.

What is WebApplication Automation in Mobile?

The locator or the objects for mobile apps(native & hybrid) is different then the locators or objects in mobile web application because of different platform.

The locators in Mobile application is inspect in the same way as we did in Selenium, and also to create or execute the automation script for web application in mobile browser, we need to add few more capabilities .

How to perform Mobile WebApplication Automation with Appium?

• Open the facebook application in Mobile browser.
• Under “Create an Account “, Enter first name and last name.

Code:

Note: There are few Reference variable that are predefined these are:

public static DesiredCapabilities capabilities=null;
public AndroidDriver adriver=null;

capabilities =new DesiredCapabilities();
capabilities.setCapability("deviceName","Redmi");
//capabilities.setCapability(CapabilityType.BROWSER_NAME,"");
capabilities.setCapability("platformVersion","9 PKQ1.181203.001");
capabilities.setCapability("platformName","Android");
capabilities.setCapability("chromedriverExecutable","C:\Users\XXXXX\Desktop\Eclipse_Installer\GeckoDriver\chromedriver.exe");
capabilities.setCapability(MobileCapabilityType.BROWSER_NAME, "Chrome");
capabilities.setCapability("appium:chromeOptions",ImmutableMap.of("w3c",false));

try {
System.out.println("Opening the browser------------>");
adriver = new AndroidDriver(new URL("http://0.0.0.0:4723/wd/hub"), capabilities);
Thread.sleep(3000);
adriver.get("https://www.facebook.com/");
adriver.findElement(By.xpath("//input[@name='firstname']")).sendKeys("Code2test.com");
adriver.findElement(By.xpath("//input[@name='lastname']")).sendKeys("WebView Automation");

adriver.quit();
} catch (Exception e) {
e.printStackTrace();
}

Code Description of above code:

//Create the object of Desired Capability
capabilities =new DesiredCapabilities();
//Define the Device name
capabilities.setCapability(“deviceName”,”Redmi”);
//Define the platform version
capabilities.setCapability(“platformVersion”,”9 PKQ1.181203.001″);
//Define Platform name
capabilities.setCapability(“platformName”,”Android”);
//provide the chrome driver exe path saved in local system with same version as the browser version in mobile device
capabilities.setCapability(“chromedriverExecutable”,”C:\Users\Girvar Singh Negi\Desktop\Eclipse_Installer\GeckoDriver\chromedriver.exe”);
//Define Browser name
capabilities.setCapability(MobileCapabilityType.BROWSER_NAME, “Chrome”);
//Define the string for chrome option
capabilities.setCapability(“appium:chromeOptions”,ImmutableMap.of(“w3c”,false));

Step 2) Create the object the android Driver passing host, port number along with capabilities as a parameter

adriver = new AndroidDriver(new URL(“http://0.0.0.0:4723/wd/hub”), capabilities)

adriver.get(“https://www.facebook.com/”);

adriver.findElement(By.xpath(“//input[@name=’firstname’]”)).sendKeys(“Code2test.com”);

adriver.findElement(By.xpath(“//input[@name=’lastname’]”)).sendKeys(“WebView Automation”); adriver.quit()

Conclusion:

So with the below tutorial, we have learned how to automated the web browser application using mobile device and inspect and work with the element on mobile web.

or in other words during the in zoom action the coordinates (x,y) from a specific point changes ,is being moved to other point location results in the change in co ordinates, which magnifies the window and makes it more clear to the user.

The zoom action is performed manually with the help of multiple touch(more than two), so that the area to be zoom out or in can be made larger or smaller , the action can be performed by double touch, triple touch or multi touch. Lets understand how to perform in Appium.

How to to perform Appium Zoom with MultiTouchAction in Android?

For each touch action, we individually perform action ( move the co ordinates from on place to another) creating different object and finally add them using MultiTouchAction using add method.

Dimension dim=adriver.manage().window().getSize();     
int width=dim.width;
int height =dim.height;

int firstTouchXcoordinate_Start =(int)(width*.5);
int firstTouchYcoordinate_Start =(int)(height*.4);

int firstTouchXcoordinate_End =(int)(width*.1);
 int firstTouchYcoordinate_End =(int)(height*.1);

 int secondTouchXcoordinate_Start =(int)(width*.5);
 int secondTouchYcoordinate_Start =(int)(height*.6);

 int secondTouchXcoordinate_End =(int)(width*.9);
 int secondTouchYcoordinate_End =(int)(height*.9);

 TouchAction touch1=new TouchAction(adriver);
 TouchAction touch2=new TouchAction(adriver);

 touch1.longPress(PointOption.point(firstTouchXcoordinate_Start, firstTouchYcoordinate_Start))
 .waitAction(WaitOptions.waitOptions(Duration.ofMillis(2000)))
 .moveTo(PointOption.point(firstTouchXcoordinate_End, firstTouchYcoordinate_End));

 touch2.longPress(PointOption.point(secondTouchXcoordinate_Start, secondTouchYcoordinate_Start))
 .waitAction(WaitOptions.waitOptions(Duration.ofMillis(2000)))
 .moveTo(PointOption.point(secondTouchXcoordinate_End, secondTouchYcoordinate_End));

 MultiTouchAction multi=new MultiTouchAction(adriver);
 multi.add(touch1).add(touch2).perform();

Code Description of above code:

Dimension dim=adriver.manage().window().getSize();
int width=dim.width;
int height =dim.height;

int firstTouchXcoordinate_Start =(int)(width.5); int firstTouchYcoordinate_Start =(int)(height.4);

int firstTouchXcoordinate_End =(int)(width.1); int firstTouchYcoordinate_End =(int)(height.1);

int secondTouchXcoordinate_Start =(int)(width.5); int secondTouchYcoordinate_Start =(int)(height.6);

int secondTouchXcoordinate_End =(int)(width.9); int secondTouchYcoordinate_End =(int)(height.9);

TouchAction touch1=new TouchAction(adriver);
TouchAction touch2=new TouchAction(adriver);

touch1.longPress(PointOption.point(firstTouchXcoordinate_Start, firstTouchYcoordinate_Start))
.waitAction(WaitOptions.waitOptions(Duration.ofMillis(2000)))
.moveTo(PointOption.point(firstTouchXcoordinate_End, firstTouchYcoordinate_End));

touch2.longPress(PointOption.point(secondTouchXcoordinate_Start, secondTouchYcoordinate_Start))
.waitAction(WaitOptions.waitOptions(Duration.ofMillis(2000)))
.moveTo(PointOption.point(secondTouchXcoordinate_End, secondTouchYcoordinate_End));

MultiTouchAction multi=new MultiTouchAction(adriver);
multi.add(touch1).add(touch2).perform();

Conclusion: So we can not perform Appium zoom action with multi gesture using MultiTouchAction and add mulitple touch to it.

Previous Topic, We are going to learn Drag And Drop Action using Appium in this tutorial using Touch Action.

Drag And Drop are the two action that are performed simultaneously for moving the element from one place to another specific or defined place.

During the drag and drop event, an element changes its place or in other words its x and y co-ordinates and placed to another place with new x and y co-ordinates.

The movement of the element is done by providing a container which captures an object and changes its DOM structure and DOM gets refresh during run time , results in change in locator element along with its attributes and values.

How to Perform Drag And Drop Action using Appium?

Appium provides a set of commands to perform drag and drop operation with in mobile application. Touch Action Class provides the method to longpress the element , which is to be dragged and moveTo method helps in dropping the element to its destination location on the basis of x and y co-ordinates.

Scenarion:

1. Open the “Drag & Drop” in mobile device (if not installed, recommend you install from playstore).
2. Select the Literature
3. Answer the question by dragging the first Option and dropping it to Square bracket(???).
4. close the application.

AndroidElement literature =driver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().text(\"LITERATURE\")"));

literature.click();
					
AndroidElement dragElement =driver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"dragdrop.stufflex.com.dragdrop:id/chooseA\")"));

AndroidElement dropElement =driver.findElement(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"dragdrop.stufflex.com.dragdrop:id/answer\")"));
					
int middleXCoordinate_dragElement =dragElement.getLocation().x + (dragElement.getSize().width/2);

int middleYCoordinate_dragElement =dragElement.getLocation().y + (dragElement.getSize().height/2);
				
int middleXCoordinate_dropElement =dropElement.getLocation().x + (dropElement.getSize().width/2);

int middleYCoordinate_dropElement =dropElement.getLocation().y + (dropElement.getSize().height/2);
				
TouchAction  action =new TouchAction(adriver);
action.longPress(PointOption.point(middleXCoordinate_dragElement, middleYCoordinate_dragElement))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(3)))
.moveTo(PointOption.point(middleXCoordinate_dropElement, middleYCoordinate_dropElement))
.release()
.perform();

Code Description:(drag and Drop)

AndroidElement literature =driver.findElement(MobileBy.AndroidUIAutomator(“new UiSelector().text(\”LITERATURE\”)”));

literature.click();

AndroidElement dragElement =driver.findElement(MobileBy.AndroidUIAutomator(“new UiSelector().resourceId(\”dragdrop.stufflex.com.dragdrop:id/chooseA\”)”));

AndroidElement dropElement =driver.findElement(MobileBy.AndroidUIAutomator(“new UiSelector().resourceId(\”dragdrop.stufflex.com.dragdrop:id/answer\”)”));

int middleXCoordinate_dragElement =dragElement.getLocation().x + (dragElement.getSize().width/2);

int middleYCoordinate_dragElement =dragElement.getLocation().y + (dragElement.getSize().height/2);

int middleXCoordinate_dropElement =dropElement.getLocation().x + (dropElement.getSize().width/2);

int middleYCoordinate_dropElement =dropElement.getLocation().y + (dropElement.getSize().height/2);

TouchAction action =new TouchAction(driver);

action.longPress(PointOption.point(middleXCoordinate_dragElement, middleYCoordinate_dragElement))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(2)))
.moveTo(PointOption.point(middleXCoordinate_dropElement, middleYCoordinate_dropElement))
.release()
.perform();

Code In Eclipse look like below screenshot:

Facebook-> https://www.facebook.com/code2test/?modal=admin_todo_tour

Previous Topic, We are going to learn the Vertical And Horizontal swipe/scroll in Appium in this tutorial. So lets start.

Swipe/Scroll is a touch Action which is performed in mobile device to move the mobile screen from top to bottom or bottom to top , so that the user can view the hidden elements of mobile application and perform action or event accordingly.

Vertical and horizontal scrolling/swipe are the two different approaches by which user move the application with in screen.

In vertical swipe/scroll, mobile application is moved from top to bottom by touch action and vice versa, where x co ordinates remains the same but y co ordinates changes simultaneously.

Similarly in horizontal swipe/scroll, mobile application on device is moved from left to right Or right to left, where x co-ordinates changes but y co-ordinates remains the same.

Note: In this Tutorial we will be take the example of Flipkart moble application to understand in depth and inspect its locator.

1 ) Vertical Scrolling: As we discussed above what is vertical scrolling, now we will discuss, how can we perform through Appium, Below is the code for vertical scrolling in appium.

TouchAction  action =new TouchAction(driver);	
Dimension size	=driver.manage().window().getSize();
int width=size.width;
int height=size.height;				
int middleOfX=width/2;
int startYCoordinate= (int)(height*.7);
int endYCoordinate= (int)(height*.2);
				
action.press(PointOption.point(middleOfX, startYCoordinate))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(2)))
.moveTo(PointOption.point(middleOfX, endYCoordinate)).release().perform();

Step 1) We have created the object of TouchAction by passing driver as a parameter.

TouchAction action =new TouchAction(adriver);

Step 2) Get the size of the mobile application window and extract its height and width and store it in a variable.

Dimension size =driver.manage().window().getSize();

int width=size.width;

int height=size.height;

Step 3) Now get the x co-ordinates of the middle of mobile application and store it in a variable by dividing the width by 2.

int middleOfX=width/2;

Step 4) Now take the start y co ordinate and end y co ordinate from where the swipe/scroll is to be

int startYCoordinate= (int)(height.7);

int endYCoordinate= (int)(height.2);

action.press(PointOption.point(middleOfX, startYCoordinate))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(2)))
.moveTo(PointOption.point(middleOfX, endYCoordinate)).release().perform();

How to perform Horizontal Swipe/Scroll in Appium?

2) Horizontal Scrolling: we have dicussed the horizontal scrolling above, now lets perform horizontal scrolling in appium.

List<AndroidElement> e=adriver.findElements(MobileBy.AndroidUIAutomator("new UiSelector().resourceId(\"com.flipkart.android:id/banner_image\")"));
AndroidElement firdelement=e.get(0);
AndroidElement secondElement=e.get(1);
AndroidElement thirdElement=e.get(2);
							
int midOfY =thirdElement.getLocation().y +(thirdElement.getSize().height/2);
int fromXLocation=thirdElement.getLocation().x;
int toXLocation=firdelement.getLocation().x;
						
TouchAction  action =new TouchAction(adriver);
action.press(PointOption.point(fromXLocation, midOfY))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(3)))
.moveTo(PointOption.point(toXLocation, midOfY))
.release()
.perform();

Code Description:(Horizontal Scrolling)

Step 1) Firstly inspect the elements of banner image at the top (as they all have common attribute value, so take all element on list.

List e=adriver.findElements(MobileBy.AndroidUIAutomator(“new UiSelector().resourceId(\”com.flipkart.android:id/banner_image\”)”));

Step 2) Get all the 3 android elements by their index.

AndroidElement firdelement=e.get(0);
// AndroidElement secondElement=e.get(1);
AndroidElement thirdElement=e.get(2);

Step 3) Now get the y co-ordinates till the mid of the image element by adding the location of y and half the size of image,

int midOfY =thirdElement.getLocation().y +(thirdElement.getSize().height/2);

Step 4) Now get the x coordinates of the element from which the swipe to be performed and the x coordinates to which the swipe is drived.

int fromXLocation=thirdElement.getLocation().x;
int toXLocation=firdelement.getLocation().x;

Step 5) Now press the element from starting element taking (x,y) co ordinate and wait for 2 seconds and then move to the destination element by (x,y) co ordinate.

action.press(PointOption.point(fromXLocation, midOfY))
.waitAction(WaitOptions.waitOptions(Duration.ofSeconds(2)))
.moveTo(PointOption.point(toXLocation, midOfY))
.release()
.perform();

Code in Eclipse will look as below screenshot:

Conclusion:

So in this tutorial we have learned to perform vertical and horizontal scrolling in appium using the touch action with multiple commands.

How to perform TouchAction : Tap And longpress in Appium?

Touch action class has multiple events to perfrom actions on mobile devices like tap, release, press, longpress,cancel, moveto,wait etc.

In this tutorial we will be performing Tap, Press and long press on mobile application through appium client library, let start now.

//defining the locator 
AndroidElement e =driver.findElementByXPath(" ");

//Finding the x and y coordinates
int x=e.getLocation().x;
int y=e.getLocation().y;

//Creating the object of Touch Action
TouchAction  action =new TouchAction(adriver);

//Calling the tap method and passing the x and y co ordinates 
action.tap(PointOption.point(x, y)).perform();

//defining the locator 
AndroidElement e =driver.findElementByXPath(" ");

//Finding the x and y coordinates
int x=e.getLocation().x;
int y=e.getLocation().y;

//Creating the object of Touch Action
TouchAction  action =new TouchAction(adriver);

//Calling the press method and passing the x and y co ordinates 
action.press(PointOption.point(x, y)).perform();

action.press(PointOption.point(x, y)).waitAction(WaitOptions.waitOptions(Duration.ofSeconds(2))).release().perform();

In the above code press with wait command, we firstly press an element in mobile application and then provide a wait of 2 seconds using WaitOptions.waitOptions() method and after 2 second release the press from the element.

3 ) LongPress: Longpress method is just simply pressing the UI element for a longer time span so that the specific element can trigger an even and perform action.

The longPress works same as press method with wait for certain seconds, the difference is that the longpress is a customised method where the wait is not implicitly defined.

//defining the locator 
AndroidElement e =driver.findElementByXPath(" ");

//Finding the x and y coordinates
int x=e.getLocation().x;
int y=e.getLocation().y;

//Creating the object of Touch Action
TouchAction  action =new TouchAction(adriver);

//Calling the longPress method and passing the x and y co ordinates
action.longPress(PointOption.point(x, y)).perform();

Conclusion:

So we have come with the final conclusion that, we can perform Touch Action on the mobile android device with events like tap, press, long press with the above mentioned code and syntex using Touch Action class.