titanium/UIをテストする（iPhone編）のバックアップ(No.2) - PukiWiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
titanium/UIをテストする（iPhone編）へ行く。
- 1 (2011-08-17 (水) 15:11:29)
- 2 (2011-08-17 (水) 19:15:58)
- 3 (2011-08-17 (水) 19:15:58)
- 4 (2011-08-19 (金) 17:39:16)
- 5 (2012-12-19 (水) 17:43:16)
- 6 (2013-03-04 (月) 16:35:12)

Automation
- 起動方法
UIのテスト
テスト動画
コメント

2011/08/17からのアクセス回数 8369

Automation †

titanium/単体テスト(QUnit)を試すでは、データベース廻りの単体テストを紹介しましたが、今回は、XCodeに付属するAutomationを使ったUIのテスト方法について説明します。

起動方法 †

Automationは、XCodeのInstrumentsのライブラリとして提供されています。

/Developer/Applications以下のInstrumentsを起動します
Chooseダイアログが表示されますので、Automationを選択します

Choose Targetメニューから「Choose Target...」でターゲットを選択します、ここではTitanium mobileで作成したDemoアプリを選択します

デフォルトでは、iPad - Simulator- iOS 3.2となっているので、ターゲットのiOSにします *1

UIのテスト †

テストスクリプトの設定 †

Automationのテストは、javascriptで記述したスクリプトに沿って行われます。

Scriptのタグで使用するスクリプトをセットします。ここではautomation_test.jsをセットします。

最初のスクリプト †

最初に、ログの出力と部品の構成を出力するスクリプトを実行します。

UIALogger.logStart("Starting Test");

UIALogger.logStart("Logging Tab1 element tree …");
UIATarget.localTarget().logElementTree();
UIALogger.logPass();

UIALogger.logStartでロググループの開始をログ出力
logElementTreeで部品の構成を表示
UIALogger.logPassでグループの処理の成功をログ出力

しています。スクリプトの実行は、Recordボタンを押した後にStart Scriptボタンを押します。 *2

テストの画面は、

出力結果は、

これでは、良く分からないので、このログの階層構造を示すと以下のようになります。

部品へのアクセス †

Automation Reference Collection *3 に各部品へのアクセス方法が載っています。

すべてのUI部品が、UIAElementクラスのサブクラスとなっているので、部品が含む要素は、buttons()等のように部品要素単位で取得することができます。

logElementTreeで正確な画面の構成が取得できるので、これを元に部品にアクセスします。

最初のスクリプトにタブバーのTab 1ボタンの名前を出力してみます。

var target = UIATarget.localTarget();
var app = target.frontMostApp();
var main = app.mainWindow();
var navi = main.navigationBar();
var tab = main.tabBar();

UIALogger.logDebug(tab.buttons()[0].name());

最初にtarget, app, main, navi, tabにターゲット、アプリケーション、メインウィンドウ、ナビゲーションバー、タブバーをセットします
tab.buttons()[0].name()でタブバーのボタン配列の1個目のボタンの名前を取得し、logDebugでログに出力します

実行結果は、以下の通りです。

画面遷移 †

次に画面遷移ですが、通常の操作通り、部品をタップ（tap関数）して画面を遷移します。

Tab 2のWebViewのFoodLogサイト画面に遷移してみます。 Webページの表示に時間がかかるので、delay関数ですこし待ちます。

tab.buttons()["Tab 2"].tap();
target.delay(3.0);

UIALogger.logStart("Logging Tab2 element tree …");
main.logElementTree();
UIALogger.logPass();

ログの結果、WeViewの中身の要素も通常の要素と同じように表示されていることが分かります。 *4

また、tapの直後はmain.logElementTreeが正しく表示されませんので、delay関数で少し時間を置くのを忘れないようしてください。

テスト動画 †

実際にiPhoneシミュレータで実行している動画をアップします。

上記デモに使ったテストスクリプト

automation_test.js

コメント †

皆様のご意見、ご希望をお待ちしております。

*1 Automationは、iOS4以降でないと使えません
*2 Run on Recordを選択すると、StartScriptボタンを押さなくても自動的にスクリプトが実行されます
*3 GoogleでUIAutomationRefとするとでてきます
*4 WebViewの画面遷移もAutomationから操作できるので、この結果はとても重要なことです

SmartDoc