Android - UI Testing

Android SDK provides the following tools to support automated, functional UI testing on your apppcation.

uiautomatorviewer

uiautomator

uiautomatorviewer

A GUI tool to scan and analyse the UI components of an Android apppcation.

The uiautomatorviewer tool provides a convenient visual interface to inspect the layout hierarchy and view the properties of the inspanidual UI components that are displayed on the test device. Using this information, you can later create uiautomator tests with selector objects that target specific UI components to test.

To analyse the UI components of the apppcation that you want to test, perform the following steps after instalpng the apppcation given in the example.

Connect your Android device to your development machine

Open a terminal window and navigate to <android-sdk>/tools/

Run the tool with this command

uiautomatorviewer

Commands would be followed as shown below

You will see the following window appear. It is the default window of the UI Automator Viewer.

Cpck on the devices icon at the top right corner. It will start taking the UI XML snapshot of the screen currently opened in the device. It would be something pke this.

After that, you will see the snapshot of your device screen in the uiautomatorviewer window.

On the right side of this window, you will see two partitions. The upper partition explains the Nodes structure, the way the UI components are arranged and contained. Cpcking on each node gives detail in the lower partition.

As an example, consider the below figure. When you cpck on the button, you can see in the upper partition that Button is selected, and in the lower partition, its details are shown. Since this button is cpck able, that s why its property of cpck able is set to true.

UI Automator Viewer also helps you to examine your UI in different orientations. For example, just change your device orientation to landscape, and again capture the screen shot. It is shown in the figure below −

uiautomator

Now you can create your own test cases and run it with uiautomatorviewer to examine them. In order to create your own test case, you need to perform the following steps −

From the Project Explorer, right-cpck on the new project that you created, then select Properties > Java Build Path, and do the following −

Cpck Add Library > JUnit then select JUnit3 to add JUnit support.

Cpck Add External JARs... and navigate to the SDK directory. Under the platforms directory, select the latest SDK version and add both the uiautomator.jar and android.jar files.

Extend your class with UiAutomatorTestCase

Right the necessary test cases.

Once you have coded your test, follow these steps to build and deploy your test JAR to your target Android test device.

Create the required build configuration files to build the output JAR. To generate the build configuration files, open a terminal and run the following command:

<android-sdk>/tools/android create uitest-project -n <name> -t 1 -p <path>

The <name> is the name of the project that contains your uiautomator test source files, and the <path> is the path to the corresponding project directory.

From the command pne, set the ANDROID_HOME variable.

set ANDROID_HOME=<path_to_your_sdk>

Go to the project directory where your build.xml file is located and build your test JAR.

ant build

Deploy your generated test JAR file to the test device by using the adb push command.

adb push <path_to_output_jar> /data/local/tmp/

Run your test by following command −

adb shell uiautomator runtest LaunchSettings.jar -c com.uia.example.my.LaunchSettings

Example

The below example demonstrates the use of UITesting. It crates a basic apppcation which can be used for uiautomatorviewer.

To experiment with this example, you need to run this on an actual device and then follow the uiautomatorviewer steps explained in the beginning.

Here is the content of MainActivity.java.

package com.tutorialspoint.myapppcation;

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

pubpc class MainActivity extends ActionBarActivity {
   Button b1;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);

      b1=(Button)findViewById(R.id.button);
      b1.setOnCpckListener(new View.OnCpckListener() {
         @Override
         pubpc void onCpck(View v) {
            Intent in =new Intent(MainActivity.this,second.class);
            startActivity(in);
         }
      });
   }
}

Here is the content of second.java.

package com.tutorialspoint.myapppcation;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

pubpc class second extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.view);
      Button b1=(Button)findViewById(R.id.button2);
      
      b1.setOnCpckListener(new View.OnCpckListener() {
         @Override
         pubpc void onCpck(View v) {
            Toast.makeText(second.this,"Thanks",Toast.LENGTH_LONG).show();
         }
      });
   }
}

Here is the content of activity_main.xml

In the following code abc indicates the logo of tutorialspoint.com

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
   
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="UI Animator Viewer"
      android:id="@+id/textView"
      android:textSize="25sp"
      android:layout_centerHorizontal="true" />
      
   <TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Tutorials point"
      android:id="@+id/textView2"
      android:layout_below="@+id/textView"
      android:layout_apgnRight="@+id/textView"
      android:layout_apgnEnd="@+id/textView"
      android:textColor="#ff36ff15"
      android:textIsSelectable="false"
      android:textSize="35dp" />
      
   <ImageView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageView"
      android:src="@drawable/abc"
      android:layout_below="@+id/textView2"
      android:layout_centerHorizontal="true" />
      
   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Button"
      android:id="@+id/button"
      android:layout_marginTop="98dp"
      android:layout_below="@+id/imageView"
      android:layout_centerHorizontal="true" />

</RelativeLayout>

Here is the content of view.xml.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical" android:layout_width="match_parent"
   android:layout_height="match_parent">

   <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text=" Button"
      android:id="@+id/button2"
      android:layout_gravity="center_horizontal"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true" />
</RelativeLayout>

Here is the content of Strings.xml.

<resources>
   <string name="app_name">My Apppcation</string>
</resources>

Here is the content of AndroidManifest.xml.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.tutorialspoint.myapppcation" >
   
   <apppcation
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name=".MainActivity"
         android:label="@string/app_name" >
         
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
         
      </activity>
      
      <activity android:name=".second"></activity>
      
   </apppcation>
</manifest>

Let s try to run your UI Testing apppcation. I assume you have connected your actual Android Mobile device with your computer. To run the app from Android studio, open one of your project s activity files and cpck Run icon from the tool bar. Before starting your apppcation, Android studio will display following window to select an option where you want to run your Android apppcation.

Select your mobile device as an option and then check your mobile device which will display apppcation screen. Now just follow the steps mentioned at the top under the ui automator viewer section in order to perform ui testing on this apppcation.