Flow改善の道のり

mabl experience japan 2022 の登壇資料です。
資料内の動画は資料をPDFとしてDLすることでご視聴いただけます。

Transcript

1. スライドトップと

   してご利用ください

   マネーフォワード事業本部 

   山田 太郎

   © Money Forward, Inc.
   Flow改善の道のり
   Improving “Flow”
   presented by
   honamin / QA Engineer
   HR Solution Div.
   Product Development Dept.
   © Money Forward, Inc.
   

   View Slide

2. 自己＆会社紹介
   

   View Slide

3. ＠honamin / QAエンジニア
   株式会社マネーフォワード HRソリューション本部 プロダクト開発部 QAグループ
   Money Forward,Inc. HR Solution Div. Product Development Dept. QA Groop.
   ● Name: 建川穂波 / Honami Tatekawa
   ● Twitter: @hona_suke
   ● Interesting technology: テスト分析の自動化 /
   Test analysis automation
   ● Hobby: 合唱 / Chorus
   ● Live in: 熊本→東京 / Kumamoto→Tokyo
   

   View Slide

4. マネーフォワード
   

   View Slide

5. 本日のセッションについて
   E2Eテスト自動化における課題
   導入時の進め方
   開発チームへの浸透
   メンテナンス性の高い実装
   テストカバレッジ
   効果測定
   テスト環境の整備
   CI/CDの最適化
   実行前処理・後処理
   

   View Slide

6. 本日のセッションについて
   E2Eテスト自動化における課題
   導入時の進め方
   開発チームへの浸透
   メンテナンス性の高い実装
   テストカバレッジ
   効果測定
   テスト環境の整備
   CI/CDの最適化
   実行前処理・後処理
   

   View Slide

7. Improving “Flow”
   Flow改善の道のり
   

   View Slide

8. “Flow” について
   よくある一連のステップを再利用可能なFlow（フロー）にまとめ、テストの任意の
   場所に挿入できます。
   Flowに変更があった場合、そのFlowを含むすべてのテストに自動的に反映されま
   す。Flowによって、画面や処理に変更があっても、影響を部分的に抑えられます。
   Flowを改善し、常に最新の状態に保っていくことで、テスト実行がより安定してい
   きます。
   1つのテストの中に、任意の数のステップ（再利用しないステップ）と再利用可能な
   Flowを挿入できます。1つのテスト内に同じFlowや異なるFlowを複数回挿入できま
   す。
   https://help.mabl.com/docs/reusable-flows-ja
   

   View Slide

9. テスト対象のプロダクトについて
   https://biz.moneyforward.com/employee/
   ・マネーフォワード クラウド人事管理
   　／Money Forward Cloud HR database
   ・HR システム
   ・様々な労務手続きをシームレスに
   

   View Slide

10. Without Flow
    

    View Slide

11. View Slide

12. フローなし-Problems-
    ● Flowの再利用ができない
    ○ 同じStepsを他のテストで利用したいと
    き、作り直しになる
    ○ Stepsの修正が必要になったとき、同じ
    Stepsを利用しているすべてのテストを修
    正しなければいけない
    メンテナンス性低そう😢
    

    View Slide

13. Improving…
    

    View Slide

14. View Slide

15. 一連の操作をまとめたFlow -Problems-
    flow “login” flow “Add Account information”
    良さそうに見える😀
    こちらは…？🤔
    

    View Slide

16. 一連の操作をまとめたFlow -Problems-
    flow “Add Account information”
    特定のリンクをクリック
    同じ画面またはモーダルで
    入力する
    これらのステップは他のテス
    トでも使いそう。
    アサートはそれぞれのテスト
    で違うものを設定したい
    もっと改善できそうだ！😀
    

    View Slide

17. Improving…
    

    View Slide

18. View Slide

19. 再利用可能なStepsを最小単位にまとめたFlow -Problems-
    flow “login”
    これらのステップは
    他の値を使いたい場合もありそう
    flow “click 従業員情報”
    flow “click employee”
    flow “click 詳細”
    flow “input Account information”
    もっと改善できそうだ！😀
    

    View Slide

20. Improving…
    Flowにパラメータを付与。
    付与したパラメーターを Stepで利用する変数として指定。
    

    View Slide

21. Improving…
    Flowにパラメーターを付与。
    セットしたパラメーターを StepのConfigure findとして指定。
    

    View Slide

22. Finished ! 👏
    Before After
    

    View Slide

23. つまり…?
    Before
    After
    ログイン画面に変更があった時…
    Test 1
    Test 2
    Test 3
    Test 4
    全てのテストを修正😭
    Test 1
    Test 2
    Test 3
    Test 4
    flow “login”
    ひとつのFlowを修正😀
    反映！
    

    View Slide

24. まとめ
    E2Eテスト自動化における課題
    導入時の進め方
    開発チームへの浸透
    メンテナンス性の高い実装
    テストカバレッジ
    効果測定
    テスト環境の整備
    CI/CDの最適化
    実行前処理・後処理
    Flowを改善して、メンテナンス性を一
    部向上できた！
    私たちの戦いはまだまだ続く…
    

    View Slide

25. Q and A
    

    View Slide

26. 宣伝
    

    View Slide

27. Please come to watch me🐥
    ソフトウェアテスト
    自動化カンファレンス2022
    E2E自動テスト導入の
    つらみ・解決・ふりかえり
    12月3日（土）16:15~16:30
    

    View Slide

28. Follow & Talk with me🐥
    

    View Slide

29. mabl User Community in Japan（仮） is coming soon!
    honamin
    Money Forward, Inc.
    hama
    hacomono, Inc.
    🤝
    ぜひご参加ください!😀
    

    View Slide

30. Thank You!
    

    View Slide