Android-ui-testing

提供：Dev Guides
移動先:案内、検索

Android-UIテスト

Android SDKは、アプリケーションで自動化された機能的なUIテストをサポートする次のツールを提供します。

  • uiautomatorviewer
  • uiautomator

uiautomatorviewer

AndroidアプリケーションのUIコンポーネントをスキャンおよび分析するためのGUIツール。

uiautomatorviewerツールは、レイアウト階層を検査し、テストデバイスに表示される個々のUIコンポーネントのプロパティを表示するための便利なビジュアルインターフェイスを提供します。 この情報を使用して、テストする特定のUIコンポーネントをターゲットとするセレクターオブジェクトを使用して、後でuiautomatorテストを作成できます。

テストするアプリケーションのUIコンポーネントを分析するには、例に示されているアプリケーションをインストールした後、次の手順を実行します。

  • Androidデバイスを開発マシンに接続します
  • ターミナルウィンドウを開き、<android-sdk>/tools/に移動します
  • このコマンドでツールを実行します
uiautomatorviewer

コマンドは次のように続きます

Android UIテストチュートリアル

次のウィンドウが表示されます。 これは、UI Automator Viewerのデフォルトウィンドウです。

Android UIテストチュートリアル

  • 右上隅のデバイスアイコンをクリックします。 デバイスで現在開いている画面のUI XMLスナップショットの取得を開始します。 それはこのようなものでしょう。

Android UIテストチュートリアル

その後、uiautomatorviewerウィンドウにデバイス画面のスナップショットが表示されます。

Android UIテストチュートリアル

このウィンドウの右側に、2つのパーティションが表示されます。 上部のパーティションは、ノードの構造、UIコンポーネントの配置方法と格納方法を説明しています。 各ノードをクリックすると、下のパーティションに詳細が表示されます。

例として、次の図を検討してください。 ボタンをクリックすると、上部のパーティションにButtonが選択されていることがわかり、下部のパーティションにその詳細が表示されます。 このボタンはクリック可能なため、クリック可能なプロパティがtrueに設定されているのはそのためです。

Android UIテストチュートリアル

UI Automator Viewerは、さまざまな方向でUIを調べるのにも役立ちます。 たとえば、デバイスの向きを横向きに変更し、スクリーンショットを再度キャプチャします。 以下の図に示されています-

Android UIテストチュートリアル

uiautomator

これで、独自のテストケースを作成し、uiautomatorviewerで実行してそれらを調べることができます。 独自のテストケースを作成するには、次の手順を実行する必要があります-

  • プロジェクトエクスプローラーから、作成した新しいプロジェクトを右クリックし、[プロパティ]> [Javaビルドパス]を選択して、次の操作を行います-
  • [ライブラリの追加]> [JUnit]をクリックし、[JUnit3]を選択してJUnitサポートを追加します。
  • 「外部JARを追加」をクリックします。 SDKディレクトリに移動します。 プラットフォームディレクトリの下で、最新のSDKバージョンを選択し、uiautomator.jarファイルとandroid.jarファイルの両方を追加します。
  • UiAutomatorTestCaseでクラスを拡張する
  • 適切なテストケース。
  • テストをコーディングしたら、次の手順に従って、テストJARをビルドし、ターゲットAndroidテストデバイスにデプロイします。
  • 必要なビルド構成ファイルを作成して、出力JARをビルドします。 ビルド構成ファイルを生成するには、ターミナルを開き、次のコマンドを実行します。
<android-sdk>/tools/android create uitest-project -n <name> -t 1 -p <path>
  • <name>は、uiautomatorテストソースファイルを含むプロジェクトの名前です。<path>は、対応するプロジェクトディレクトリへのパスです。
  • コマンドラインから、ANDROID_HOME変数を設定します。
set ANDROID_HOME=<path_to_your_sdk>
  • build.xmlファイルがあるプロジェクトディレクトリに移動し、テストJARをビルドします。
ant build
  • adb pushコマンドを使用して、生成されたテストJARファイルをテストデバイスにデプロイします。
adb push <path_to_output_jar>/data/local/tmp/
  • 次のコマンドでテストを実行します-
adb shell uiautomator runtest LaunchSettings.jar -c com.uia.example.my.LaunchSettings

例

以下の例は、UITestingの使用方法を示しています。 Uiautomatorviewerに使用できる基本的なアプリケーションを作成します。

この例を試すには、これを実際のデバイスで実行し、最初に説明したuiautomatorviewerの手順に従う必要があります。

Steps Description
1 You will use Android studio to create an Android application under a package com.finddevguides.myapplication.
2 Modify src/MainActivity.java file to add Activity code.
3 Modify layout XML file res/layout/activity_main.xml add any GUI component if required.
4 Create src/second.java file to add Activity code.
5 Modify layout XML file res/layout/view.xml add any GUI component if required.
6 Run the application and choose a running android device and install the application on it and verify the results. 
*MainActivity.java* のコンテンツは次のとおりです。
package com.finddevguides.myapplication;

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

public 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.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Intent in =new Intent(MainActivity.this,second.class);
            startActivity(in);
         }
      });
   }
}
*second.java* の内容は次のとおりです。
package com.finddevguides.myapplication;

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

public 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.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Toast.makeText(second.this,"Thanks",Toast.LENGTH_LONG).show();
         }
      });
   }
}
*activity_main.xml* のコンテンツは次のとおりです。

'_次のコードで abc はfinddevguides.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_alignRight="@+id/textView"
      android:layout_alignEnd="@+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>
*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>
*Strings.xml* の内容は次のとおりです。
<resources>
   <string name="app_name">My Application</string>
</resources>
*AndroidManifest.xml* のコンテンツは次のとおりです。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.finddevguides.myapplication" >

   <application
      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>

   </application>
</manifest>

UIテストアプリケーションを実行してみましょう。 実際のAndroidモバイルデバイスをコンピューターに接続していると思います。 Androidスタジオからアプリを実行するには、プロジェクトのアクティビティファイルの1つを開き、ツールバーの[画像の実行：/android/images/eclipse_run.jpg [Eclipse Run Icon]アイコンをクリックします。 アプリケーションを開始する前に、Androidスタジオは次のウィンドウを表示して、Androidアプリケーションを実行するオプションを選択します。

Android UIテストチュートリアル

オプションとしてモバイルデバイスを選択し、アプリケーション画面を表示するモバイルデバイスを確認します。 このアプリケーションでUIテストを実行するには、UIオートマトンビューアーセクションの下にある上部の手順に従ってください。

「https://www.finddevguides.com/index.php?title=Android-ui-testing&oldid=27885」から取得
Powered by MediaWiki