Android - Kiểm tra giao diện người dùng

Học lập trình Android SDK cung cấp các công cụ sau để hỗ trợ kiểm tra giao diện người dùng tự động, chức năng trên ứng dụng của bạn.

Người xem uiautomator

uiautomator

người xem uiautomator

Một công cụ GUI để quét và phân tích các thành phần UI của ứng dụng Android.

Công cụ uiautomatorviewer cung cấp giao diện trực quan thuận tiện để kiểm tra phân cấp bố cục và xem các thuộc tính của các thành phần UI riêng lẻ được hiển thị trên thiết bị thử nghiệm. Sử dụng thông tin này, sau này bạn có thể tạo các thử nghiệm uiautomator với các đối tượng bộ chọn nhắm mục tiêu các thành phần UI cụ thể để kiểm tra.

Để phân tích các thành phần UI của ứng dụng mà bạn muốn kiểm tra, hãy thực hiện các bước sau sau khi cài đặt ứng dụng được đưa ra trong ví dụ.

Kết nối thiết bị Android của bạn với máy phát triển

Mở cửa sổ đầu cuối và điều hướng đến <android-sdk> / tools /

Chạy công cụ với lệnh này

uiautomatorviewer

Các lệnh sẽ được theo sau như hình dưới đây

Học lập trình Android

Bạn sẽ thấy cửa sổ sau xuất hiện. Nó là cửa sổ mặc định của UI Automator Viewer.

Nhấp vào biểu tượng thiết bị ở góc trên bên phải. Nó sẽ bắt đầu chụp ảnh chụp nhanh UI UI của màn hình hiện đang mở trong thiết bị. Nó sẽ là một cái gì đó như thế này.

Sau đó, bạn sẽ thấy ảnh chụp màn hình thiết bị của bạn trong cửa sổ uiautomatorviewer.

Học lập trình Android Ở bên phải của cửa sổ này, bạn sẽ thấy hai phân vùng. Phân vùng trên giải thích cấu trúc Nút, cách sắp xếp và chứa các thành phần UI. Nhấp vào từng nút cung cấp chi tiết trong phân vùng thấp hơn.

Ví dụ, xem xét hình dưới đây. Khi bạn nhấp vào nút, bạn có thể thấy trong phân vùng phía trên mà Nút được chọn và trong phân vùng dưới, chi tiết của nó được hiển thị. Vì nút này có thể nhấp, nên đó là lý do tại sao thuộc tính có thể nhấp được đặt thành đúng.

UI Automator Viewer cũng giúp bạn kiểm tra UI của bạn theo các hướng khác nhau. Ví dụ: chỉ cần thay đổi hướng thiết bị của bạn thành ngang và chụp lại ảnh chụp màn hình. Nó được hiển thị trong hình dưới đây

uiautomator

Bây giờ bạn có thể tạo các trường hợp thử nghiệm của riêng bạn và chạy nó với uiautomatorviewer để kiểm tra chúng. Để tạo trường hợp thử nghiệm của riêng bạn, bạn cần thực hiện các bước sa

Từ Project Explorer, bấm chuột phải vào dự án mới mà bạn đã tạo, sau đó chọn Thuộc tính> Đường dẫn xây dựng Java và thực hiện các thao tác sau

Nhấp vào Thêm thư viện> JUnit, sau đó chọn JUnit3 để thêm hỗ trợ JUnit.

Nhấp vào Thêm JAR bên ngoài ... và điều hướng đến thư mục SDK. Trong thư mục nền tảng, chọn phiên bản SDK mới nhất và thêm cả tệp uiautomator.jar và android.jar.

Mở rộng lớp học của bạn với UiAutomatorTestCase

Đúng các trường hợp kiểm tra cần thiết.

Khi bạn đã mã hóa bài kiểm tra của mình, hãy làm theo các bước sau để xây dựng và triển khai JAR thử nghiệm của bạn đến thiết bị thử nghiệm Android mục tiêu của bạn.

Tạo các tệp cấu hình xây dựng cần thiết để xây dựng JAR đầu ra. Để tạo các tệp cấu hình xây dựng, hãy mở một thiết bị đầu cuối và chạy lệnh sau:

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

<Name> là tên của dự án chứa các tệp nguồn kiểm tra uiautomator của bạn và <path> là đường dẫn đến thư mục dự án tương ứng.

Từ dòng lệnh, đặt biến ANDROID_HOME.

set ANDROID_HOME=<path_to_your_sdk>

Chuyển đến thư mục dự án nơi đặt tệp build.xml của bạn và xây dựng JAR thử nghiệm của bạn.

ant build

Triển khai tệp JAR thử nghiệm được tạo của bạn đến thiết bị thử nghiệm bằng cách sử dụng lệnh đẩy adb.

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

Chạy thử nghiệm của bạn bằng cách làm theo lệnh

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

Thí dụ

Ví dụ dưới đây cho thấy việc sử dụng UITesting. Nó đóng một ứng dụng cơ bản có thể được sử dụng cho uiautomatorviewer.

Để thử nghiệm với ví dụ này, bạn cần chạy nó trên một thiết bị thực tế và sau đó làm theo các bước uiautomatorviewer được giải thích ngay từ đầu.

Các bước	Sự miêu tả
1	Bạn sẽ sử dụng studio Android để tạo một ứng dụng Android theo gói com.tutorialspoint.myapplication.
2	Sửa đổi tệp src / MainActivity.java để thêm mã Activity.
3	Sửa đổi bố cục tệp XML res / layout / Activity_main.xml thêm bất kỳ thành phần GUI nào nếu cần.
4	Tạo tệp src / second.java để thêm mã Activity.
5	Sửa đổi bố cục tệp XML res / layout / view.xml thêm bất kỳ thành phần GUI nào nếu cần.
6	Chạy ứng dụng và chọn một thiết bị Android đang chạy và cài đặt ứng dụng trên đó và xác minh kết quả.

Đây là nội dung của MainActivity.java .

package com.tutorialspoint.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);
         }
      });
   }
}

Đây là nội dung của second.java .

package com.tutorialspoint.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();
         }
      });
   }
}

Đây là nội dung của Activity_main.xml

Trong đoạn mã sau abc chỉ ra logo của guidespoint.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>

Đây là nội dung của 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>

Đây là nội dung của String.xml .

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

Đây là nội dung của AndroidManifest.xml .

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.tutorialspoint.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>

Học lập trình Android Hãy thử chạy ứng dụng Kiểm tra giao diện người dùng của bạn. Tôi giả sử bạn đã kết nối thiết bị Android Mobile thực tế của mình với máy tính.

Để chạy ứng dụng từ studio Android, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào biểu tượng Chạy từ thanh công cụ.

Trước khi bắt đầu ứng dụng của bạn, studio Android sẽ hiển thị cửa sổ sau để chọn tùy chọn nơi bạn muốn chạy ứng dụng Android của mình.

Chọn thiết bị di động của bạn làm tùy chọn và sau đó kiểm tra thiết bị di động của bạn sẽ hiển thị màn hình ứng dụng.

Bây giờ chỉ cần làm theo các bước được đề cập ở trên cùng trong phần trình xem tự động của ui để thực hiện kiểm tra ui trên ứng dụng này.