Skip to main content

Locate Element using UIAutomatorViewer

How to Locate Element using UIAutomatorViewer?


1) The very first step before locating any element on your device is to first connect your device with your computer. I am expecting that you are coming to this chapter by following the complete tutorial on Setting up Appium with Eclipse.
Follow the steps to check if the device is connected properly:
  • Go to Run and type ‘cmd’ for opening the Command Prompt interface.
  • Type ‘adb devices‘ in the window.
PDA_Net_Installation_18
This will display all the list of android devices attached to your computer. Don’t worry about the name, as it displays the binary name of your device.
2) On the actual device, open the app to the page you want to automate. In our case we are doing the demo on amazon app.
3) Browse your Android installation folder and go to the following directory to open UIAutomatorViewer:
Android -> android-sdk -> tools -> uiautomatorviewer.bat 
On my machine the default location of the Android folder is ‘C:\Users\lsharm\AppData\Local\Android\‘ which I followed in this tutorial.
4) In UIAutomatorViewer, click on Device screenshot (marked below second button).
UIAutomatorViewer_1Note: Make sure the application is opened before clicking on Device Screenshot, means device screen should not be off and locked.

5) You will notice that a device image is displayed on the left side of the UIAutomator window with the detailed information of the tree nodes in the right side and the properties information on the bottom right side.
6) Click any element on the page and look at the right side of Node detail window. It display the information of elements in tree structure.
UIAutomatorViewer_2
Note: In the above image, class information is displayed, which can be used to identify the element using script.

7) Click on the Main Menu button to display all of it’s properties.
UIAutomatorViewer_2_1
Note: In this resource-id is populated, which can be used to identify element.

8) Click on Shop by Department text to display all of it’s properties.
UIAutomatorViewer_2_2
  Note: In the above screenshot, text value is displayed and that can be used to identify the element.

How to save the Screenshot and the UiX files

This is quite a handy functionality for saving different screens of your device. In the course of your mobile automation usingUIAutomatorViewer, you will notice that you need to take the device screenshot again and again of the same page and that requires you to always connect with your device. With this feature of UIAutomator, one can save screenshots and UIX files and can be used later when the device is not attached.
1) Once the Screenshot of the device is taken and displayed on the window of UIAutomator, click on Save button. It will open up the small window which will look like the below image.
UIAutomatorViewer_1_1
2) Now choose the best location to save the both files(Screenshot & UiX file).
3) Go to the same location and notice that two files have been saved under the selected location, one is your screenshot of the device screen and other is the UiX files which contains the node structure and the properties of all the elements.

How to Open the UI Dump files

After saving all the screenshots of the different screens of your application, it is the time to see how to open the desired screenshot.
1) Click on the Open button of the UIAutomator window. A small window will open up.
2) Now browse the Screenshot and the UiX file and click on OK button.
UIAutomatorViewer_1_2
A screenshot will display with all the node information and the property values of the selected screen. You can start using it for the automation now and no need to connect with the device to read the properties of the application.

Labels:

Comments

Post a Comment

Popular posts from this blog

JMeter Exceeded Maximum Number of Redirects Error Solution

While running performance test, JMeter allows maximum 5 redirects by default. However, if your system demands more than 5 redirects, it may result in JMeter exceeded maximum number of redirects error. In this post, we have listed down steps to overcome this error. Actual error in JMeter: Response code: “Non HTTP response code: java.io.IOException” Response message: “Non HTTP response message: Exceeded maximum number of redirects: 5” This error is noticed because  JMeter  allows maximum 5 redirects by default and your system may be using more than 5 redirects. You need to increase this count to more than 5 in jmeter.properties file. Follow below steps to achieve this. Navigate to /bin directory of your JMeter installation. Locate jmeter.properties file and open it in any editor. Search for “httpsampler.max_redirects” property in opened file. Uncomment the above property by removing # before it. Change to value to more than 5 Eg. 20. Save the file and restart JMet...
Post a Comment
Read more

SSO with SAML login scenario in JMeter

SAML(Security Assertion Markup Language) is increasingly being used to perform single sign-on(SSO) operations. As WikiPedia puts it, SAML is an XML-based open standard data format for exchanging authentication and authorization data between parties, in particular, between an identity provider and a service provider. With the rise in use of SAML in web applications, we may need to handle this in JMeter. This step-by-step tutorial shows SAML JMeter scenario to perform login operation. First request from JMeter is a GET request to fetch Login page. We need to fetch two values ‘SAMLRequest’ and ‘RelayState’ from the Login page response data. We can do this by using  Regular Expression Extractor . These two values need to be sent in POST request to service provider. Refer below image to see how to do this. We will get an HTML login page as a response to the request sent in 1st step. We need to fetch values of some hidden elements to pass it in the next request. We...
Post a Comment
Read more

VBScript Code - Function to convert CSV file into excel and viceversa in QTP using VBScript

We at times are required to convert excel files into csv to read as flat files and sometime require to convert a csv file into excel file to use excel features on the data.   Below function shows how to convert an csv file into excel file and vice versa. We can also convert to other formats based on constants Here constant value 23 is used to create a csv file and constant -4143 to save a file as xls file. Once the destination file is created, we can delete the source file as shown below.  In case of any issue in understanding the code, please add in comment section Call func_ConversionCSVExcel("E:\Test.csv", "E:\Test_converted.xls", "csvtoexcel") Public Function func_ConversionCSVExcel(strSrcFile, strDestFile, Conversion) on error resume next Set objExcel = CreateObject("Excel.application") set objExcelBook = objExcel.Workbooks.Open(strSrcFile) objExcel.application.visible=false objExcel.application.displayalerts=...
Post a Comment
Read more