![Magic Podの自動修復 - デモ
3. AIの活用 – テストスクリプト自动修復
guestname に値をセット
//button[text()=‘次へ’] をクリック
ページが修正された！
id=guestname id=guest_name
テストスクリプト
実行するとどうなる?](https://image.slidesharecdn.com/aitesttoolmeetup20200605-200605083931/85/Web-Magic-Pod-18-320.jpg)
WebサイトもモバイルアプリもMagic Podで自動化
- 1. Webサイトもモバイルアプリも Magic Podで自動化 Magic Pod 伊藤 望 (TRIDENT CEO)
- 2. 1. Magic Podの概要 2. デモ 3. AIの活用 4. 機能紹介 アジェンダ
- 3. 1. Magic Podの概要 2. デモ 3. AIの活用 4. 機能紹介
- 4. Magic Podとは ? AI技術を活用したテスト自動化クラウドサービス ? Webサイトとモバイルアプリのテストに対応 ? Twitterやってます @TRIDENTInc ? 自動テストのエキスパートが開発 1. Magic Podの概要 伊藤望 戸田広 玉川紘子
- 5. 対応環境 ローカル Magic Pod クラウド 外部クラウド (※) Webサイト ○ 今後対応 ○ モバイルアプリ (ネイティブ、WebView) ○ ○ ○ テストデータ保存先: テスト実行環境: 1. Magic Podの概要 BrowserStackとSauceLabs モバイルアプリはRemote TestKitとHeadSpinも クラウド ※
- 7. 1. Magic Podの概要 2. デモ 3. AIの活用 4. 機能紹介
- 8. Webサイトテスト - ローカル 2. デモ テスト編集画面 Magic Pod Desktop テスト対象サイト
- 9. Webサイトテスト - ローカル 2. デモ デモ https://www.youtube.com/watch?v=ReFpfzpieEk
- 10. モバイルアプリテスト - Magic Podクラウド 2. デモ テスト編集画面 Magic Pod クラウド端末
- 11. 2. デモ モバイルアプリテスト - Magic Podクラウド デモ https://www.youtube.com/watch?v=NlgzgPZ99MY
- 12. 1. Magic Podの概要 2. デモ 3. AIの活用 4. 機能紹介
- 13. 3. AIの活用 1. 日本語の要素説明文を計算 2. テストスクリプト自动修復
- 14. 日本語の要素説明文 3. AIの活用 – 日本語の要素説明文を計算 要素説明文: AIロジックで計算 自由に書き換え可能 システム(Appium)ロケータ: 要素ツリーから計算
- 15. 要素説明文の計算に使っている情報 3. AIの活用 – 日本語の要素説明文を計算 ? UIツリー情報: 属性、テキスト、タグ名、等々 ? 要素どうしの位置関係
- 16. 要素説明文の計算に使っている情報 3. AIの活用 – 日本語の要素説明文を計算 ? OCR(画像からの文字認識) ? ディープラーニング による物体種類認識
- 17. 自動修復(セルフヒーリング)とは 3. AIの活用 – テストスクリプト自动修復 ? テスト対象の画面構成が変わって要素が見つからなくなった場合に、 AIが画面に合わせてスクリプト側を自動修正 ? 似たコンセプトは、QTPの時代より見られる(たぶん) https://www.finddevguides.com/s/qtp/qtp_smart_identification
- 18. Magic Podの自動修復 - デモ 3. AIの活用 – テストスクリプト自动修復 guestname に値をセット //button[text()=‘次へ’] をクリック ページが修正された！ id=guestname id=guest_name テストスクリプト 実行するとどうなる?
- 19. 3. AIの活用 – テストスクリプト自动修復 Magic Podの自動修復 デモ https://www.youtube.com/watch?v=WcQ9lBatJpg
- 20. 技術解説: 自動修復の2通りの方式 3. AIの活用 – テストスクリプト自动修復 A. マルチ属性ロケータ方式 (他ツールの方式) B. シングルロケータ方式 (Magic Podの方式)
- 21. ? キャプチャ&リプレイ型の自動テストツールに適した方式 ? 操作記録時: id, name, indexなど複数の属性で要素指定 ? テスト失敗時: 1つの属性がダメでも、他の属性を試す A. マルチ属性ロケータ方式 3. AIの活用 – テストスクリプト自动修復
- 22. ? 例) Testim (testim.io) A. マルチ属性ロケータ方式 3. AIの活用 – テストスクリプト自动修復 ※当社調べ ロケータを変えたいときは 重みを変更
- 23. ? Magic Podで採用している方式 ? テスト作成時: ロケータとHTML全体を保持 ? テスト失敗時: テスト作成時と実行時のHTMLを比較して、類似度が高 い要素があれば利用 B. シングルロケータ方式 3. AIの活用 – テストスクリプト自动修復
- 24. B. シングルロケータ方式 3. AIの活用 – テストスクリプト自动修復 ? 例) Magic Pod テスト作成時ロケータ テスト実行時HTMLテスト作成時HTML 修復後の新ロケータ
- 25. ? 類似度比較の基準 - 要素の各種属性、位置、他の要素との親子関係、等々 - OCR結果 (Magic Podの場合) - ディープラーニングによる物体種類認識 (Magic Podの場合) ? メリット - Selenium/Appiumと同じ形式のロケータ B. シングルロケータ方式 3. AIの活用 – テストスクリプト自动修復
- 26. ? シングルロケータ方式 ? ある要素が共通ロジックで複数テストから使われていてもOK ? 1つのページ画像を複数テストで共有していてもOK ? UIツリー全体を保持するので、ツリーの類似度でテスト作成時と別ペー ジに来たかの判定が可能 -> iOSアプリの自動修復に必須! ? もっと色々あるのですが、時間がないので今日は割愛 Magic Podの自動修復の特徴 3. AIの活用 – テストスクリプト自动修復
- 27. 1. Magic Podの概要 2. デモ 3. AIの活用 4. 機能紹介
- 29. 4. 機能紹介 モバイル
- 30. クラウドシミュレータ(モバイル) 4. 機能紹介 ? ローカル環境より安定?高速 ? 実机じゃないので安い
- 31. クラウド実機(モバイル) ? BrowserStack / SauceLabs / Remote TestKit / HeadSpinと連携可 能(外部サービスの契約が必要) 4. 機能紹介
- 36. WebViewサポート(モバイル) ? Cordovaアプリ / Monacaアプリにも対応 4. 機能紹介
- 37. 4. 機能紹介 Web
- 43. 4. 機能紹介 全般
- 57. CI連携(CircleCI, Jenkins, など) 4. 機能紹介 ? Web APIやコマンドライン実行の機能で連携可能
- 58. CI連携(Bitrise)(モバイル) 4. 機能紹介 ? Bitrise 厂迟别辫で骋鲍滨设定可能
- 59. コメント 4. 機能紹介
- 60. コピー?貼り付け 4. 機能紹介
- 62. 部分テスト実行 4. 機能紹介
- 69. ありがとうございました！