Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIPSTARの自動化〜泣いて笑って捲られて〜

 TIPSTARの自動化〜泣いて笑って捲られて〜

【テクバン×ミクシィ×AIQVE ONE】3社共催!テスト自動化事例LT会
https://tech-quality.connpass.com/event/250002/
にてお話したミクシィ村田とテクバン株式会社 市川様による発表資料です。

B16717ef4b7aab0b253d933c3934f280?s=128

mixi_engineers
PRO

June 28, 2022
Tweet

More Decks by mixi_engineers

Other Decks in Technology

Transcript

  1. TIPSTARの自動化 ~泣いて笑って捲られて~ 2022/06/28 テクバン株式会社 市川 駿          株式会社ミクシィ 村田 雄人

  2. ©mixi, Inc, All rights reserverd. ①自己紹介 ②プロダクト紹介 ③使用ツール ④初アプリ自動化の所感~泣いて~ ⑤第一の壁をどう乗り越えたか~笑って~

    ⑥第二の壁~捲られて~ ⑦まとめ アジェンダ 2
  3. ①自己紹介

  4. ©mixi, Inc, All rights reserverd. 市川 駿 (テクバン株式会社) • 2021年6月 JOIN •

    車券購入機能周りのQAを担当しつつ、自動化担当大臣を兼任 • QA歴=自動化歴:4年(2018年~) • 前の現場ではSelenium WebDriver×Java→Pythonで Webブラウザの自動化を担当 • 趣味:歌、ゴルフ、ヨガ、料理 村田 雄人 (株式会社ミクシィ) • 2019年10月 JOIN • リリース前QAを経て、現在は新機能実装QAを担当しつつPJ改善を推進 • QA歴:6年(QAベンダー→ミクシィ) • JSTQB AL(TM)取得に向けて鋭意勉強中 • 趣味:筋トレ 4 ①自己紹介
  5. ②プロダクト紹介

  6. ©mixi, Inc, All rights reserverd. TIPSTAR TIPSTARとは、365日配信されるレース映像と、 競輪・PIST6・オートレースのネット投票を、 基本無料で楽しむことができるサービスです。 6

    ②プロダクト紹介
  7. ③使用ツール

  8. ©mixi, Inc, All rights reserverd. ①MagicPod • QAメンバー全員が「ノンコーディングによるテスト自動化」を体験 ②UI Automator

    • UI Automator:AndroidのUIテストフレームワーク • 言語はKotlin(TIPSTARの実装言語なのでエンジニアの方もやりやすい) • IDEはAndroidStudio • 一部のQAメンバー(有志)が、Androidエンジニアの方にサポートいただきながら実装 • 1つのツール(MagicPod)に依存するというリスク回避 8 ③使用ツール
  9. ④初アプリ自動化の所感 〜泣いて〜

  10. ©mixi, Inc, All rights reserverd. • 第一の壁:想像以上に苦戦 ①Webブラウザの自動化の知識だけでは太刀打ちできない(似て非なるもの) • Androidエンジニアのサポート必須

    • 正規表現、アプリの構造 ②少なからずKotlinの記法知識が必要 ③時間に制約がある仕様だと自動化しづらい(例:レースの時間) ④(Seleniumと比べて)Webに参考になる記事が少ない 10 ④初アプリ自動化の所感〜泣いて〜
  11. ⑤第一の壁をどう乗り越えたか 〜笑って〜

  12. ©mixi, Inc, All rights reserverd. • 第一の壁:想像以上に苦戦 ①Webブラウザの自動化の知識だけでは太刀打ちできない(似て非なるもの)   →正規表現:エンジニアの方に聞く、アプリ構造:UI

    Automator Viewer ②少なからずKotlinの記法知識が必要 ③時間に制約がある仕様だと自動化しづらい(例:レースの締切時間)  →とにかく調べまくる、エンジニアの方に聞く、自分でも勉強する(スクール通ってます) ④(Seleniumと比べて)Webに参考になる記事が少ない  →無いなら作ればいいじゃない  →ミクシィさんの社内ナレッジ共有ツールで記事を都度公開 12 ⑤第一の壁をどう乗り越えたか〜笑って〜
  13. ©mixi, Inc, All rights reserverd. ①Webブラウザの自動化の知識だけでは太刀打ちできない(似て非なるもの) ▼正規表現 例:TIPSTARの資産であるTIPメダルを取得する val beforeMedal

    = device.findObject(By.text("^.[,|0-9]+枚$".toRegex().toPattern())) .text .replace(Regex("\\D"), "") .toInt() ▼UI Automator Viewer  スクショすると アプリの構造を見れる 環境構築すれば デフォルトで入ってる 13 ⑤第一の壁をどう乗り越えたか〜笑って〜
  14. ©mixi, Inc, All rights reserverd. ②少なからずKotlinの記法知識が必要 package com.tipstar.uitest.step
 
 import

    androidx.test.uiautomator.By
 import androidx.test.uiautomator.Until
 import com.tipstar.uitest.common.*
 
 class BuyTicketStep(appPackageName: String) : SharedStep(appPackageName) {
 
 /**
 * 競輪で3連単1-2-3をTIPメダルで購入します 
 */
 fun buyKeirinTrifectaByMedal() {
 val toolbarStep = ToolbarUtilStep(appPackageName)
 toolbarStep.waitTitle(“予想を追加”)
 val playerListObject = device.findRecyclerView() // 選手情報をリスト化して取得 
 val wakuObjects = playerListObject?.children // 枠単位のObjectリストを生成 14 ⑤第一の壁をどう乗り越えたか〜笑って〜
  15. ©mixi, Inc, All rights reserverd. ③時間に制約がある仕様だと自動化しづらい 例:レースの締切時間が近いレースの車券を買いたい // 自分でベット場一覧をリスト化して取得
 val

    listObject = UiScrollableUtil.findRecyclerView()
 
 // 「締切あと」または「締切 」が含むテキストのパターン
 val votablePattern = "^締切(あと| ).+?$".toRegex().toPattern()
 
 listObject.findObjectWithScrolling(device,By.text(votablePattern))
 ?.click()
 toolbarStep.waitTitle("自分でベット")
 device.waitNotNull(Until.findObjects(By.text("自分でベット")))[1]
 .click() 15 ⑤第一の壁をどう乗り越えたか〜笑って〜
  16. ⑥第二の壁 〜捲られて〜

  17. ©mixi, Inc, All rights reserverd. • 第二の壁:ある程度自動化できたが…運用にまたもや苦戦中 • ケース単体では動くが、一括実行すると何故か動かない •

    一括で動かすと重いのか…と思ったが、どうやらケースの不備が原因 • 簡単に解決できるものだけではなく、アプリの実装内容を見ないと解決できないものが多い • 例:A機能 •   アプリ側:TrueかFalseかを画面に遷移してから取得している •   UIA側:True(非活性)かFalse(活性)か判断せず、問答無用で連携ボタンを押しに行くのでコケる • 待機(wait) • 待ってほしい時に待ってくれない、待たなくていいのにすごく待つ 17 ⑥第二の壁〜捲られて〜
  18. ⑦まとめ

  19. ©mixi, Inc, All rights reserverd. ①コーディングによるアプリ自動化は、最初相当しんどい • Webブラウザ自動化を経験しているとなおさら • ゆくゆくはアプリの実装内容を見ることになる(エンジニアとやっていること変わらない)

    ②類まれなる努力&エンジニアサポートで、実装に光が差す ③運用でまた曇ったけど、いつかは晴れると信じる • もちろん努力した上での話 19 ⑦まとめ
  20. None