Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Flow改善の道のり
Search
honamin
December 01, 2022
Technology
5.6k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Flow改善の道のり
mabl experience japan 2022 の登壇資料です。
資料内の動画は資料をPDFとしてDLすることでご視聴いただけます。
honamin
December 01, 2022
More Decks by honamin
See All by honamin
属人化したE2E自動テストを ひも解く
honamin09
1
1.1k
うどんのはなし vol.1
honamin09
0
100
ひとりでもチームでも! QAエンジニアのGIHOZ 活用方法をご紹介します
honamin09
2
5.7k
E2E自動テスト導入の つらみ・解決・ふりかえり
honamin09
3
5.7k
テストをスクラムチームに還すためのQAエンジニアの取り組み
honamin09
0
14k
Spring Bootcamp(新卒研修) 2022 QA研修 座学
honamin09
7
10k
品質特性のすすめ
honamin09
0
8.4k
Other Decks in Technology
See All in Technology
【試作】IoT x AIエージェント
happysamurai294
0
120
ブラウザアプリの継続的パフォーマンスモニタリング (序) / Continuous Browser Application Performance Monitoring; Act 1
moznion
0
110
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
lycorptech_jp
PRO
0
110
DMMブックスのNext.js化を加速させるAI活用 / Migrating DMM Books to Next.js with AI
kentarom
1
330
PfEingのアプローチで働こう
rindrics
0
160
DGX Sparkを2台使って いろいろ動かす話
sonoda_mj
1
120
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
syarihu
0
530
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
x5gtrn
PRO
0
120
DINO-EdgeQuery:Edge-First Polygon Decoding for Building Footprint Extraction from Satellite Imagery
lehupa
0
140
Genie Code ワークショップ 基礎編 / Genie-Code-Workshop-fundamental
databricksjapan
PRO
0
340
Hub & Spoke 環境のネットワークルーティングを分解してみる
tsuyataku
1
520
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
710
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.8k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
260
Into the Great Unknown - MozCon
thekraken
41
2.7k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Exploring anti-patterns in Rails
aemeredith
3
490
SEO for Brand Visibility & Recognition
aleyda
0
4.7k
How to build a perfect <img>
jonoalderson
1
5.9k
What's in a price? How to price your products and services
michaelherold
247
13k
Speed Design
sergeychernyshev
33
2.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
30k
Designing for Performance
lara
611
70k
Art, The Web, and Tiny UX
lynnandtonic
304
22k
Transcript
スライドトップと してご利用ください マネーフォワード事業本部 山田 太郎 © Money Forward, Inc.
Flow改善の道のり Improving “Flow” presented by honamin / QA Engineer HR Solution Div. Product Development Dept. © Money Forward, Inc.
自己&会社紹介
@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
マネーフォワード
本日のセッションについて E2Eテスト自動化における課題 導入時の進め方 開発チームへの浸透 メンテナンス性の高い実装 テストカバレッジ 効果測定 テスト環境の整備 CI/CDの最適化 実行前処理・後処理
本日のセッションについて E2Eテスト自動化における課題 導入時の進め方 開発チームへの浸透 メンテナンス性の高い実装 テストカバレッジ 効果測定 テスト環境の整備 CI/CDの最適化 実行前処理・後処理
Improving “Flow” Flow改善の道のり
“Flow” について よくある一連のステップを再利用可能なFlow(フロー)にまとめ、テストの任意の 場所に挿入できます。 Flowに変更があった場合、そのFlowを含むすべてのテストに自動的に反映されま す。Flowによって、画面や処理に変更があっても、影響を部分的に抑えられます。 Flowを改善し、常に最新の状態に保っていくことで、テスト実行がより安定してい きます。 1つのテストの中に、任意の数のステップ(再利用しないステップ)と再利用可能な Flowを挿入できます。1つのテスト内に同じFlowや異なるFlowを複数回挿入できま
す。 https://help.mabl.com/docs/reusable-flows-ja
テスト対象のプロダクトについて https://biz.moneyforward.com/employee/ ・マネーフォワード クラウド人事管理 /Money Forward Cloud HR database ・HR
システム ・様々な労務手続きをシームレスに
Without Flow
None
フローなし-Problems- • Flowの再利用ができない ◦ 同じStepsを他のテストで利用したいと き、作り直しになる ◦ Stepsの修正が必要になったとき、同じ Stepsを利用しているすべてのテストを修 正しなければいけない
メンテナンス性低そう😢
Improving…
None
一連の操作をまとめたFlow -Problems- flow “login” flow “Add Account information” 良さそうに見える😀 こちらは…?🤔
一連の操作をまとめたFlow -Problems- flow “Add Account information” 特定のリンクをクリック 同じ画面またはモーダルで 入力する これらのステップは他のテス
トでも使いそう。 アサートはそれぞれのテスト で違うものを設定したい もっと改善できそうだ!😀
Improving…
None
再利用可能なStepsを最小単位にまとめたFlow -Problems- flow “login” これらのステップは 他の値を使いたい場合もありそう flow “click 従業員情報” flow
“click employee” flow “click 詳細” flow “input Account information” もっと改善できそうだ!😀
Improving… Flowにパラメータを付与。 付与したパラメーターを Stepで利用する変数として指定。
Improving… Flowにパラメーターを付与。 セットしたパラメーターを StepのConfigure findとして指定。
Finished ! 👏 Before After
つまり…? Before After ログイン画面に変更があった時… Test 1 Test 2 Test 3
Test 4 全てのテストを修正😭 Test 1 Test 2 Test 3 Test 4 flow “login” ひとつのFlowを修正😀 反映!
まとめ E2Eテスト自動化における課題 導入時の進め方 開発チームへの浸透 メンテナンス性の高い実装 テストカバレッジ 効果測定 テスト環境の整備 CI/CDの最適化 実行前処理・後処理
Flowを改善して、メンテナンス性を一 部向上できた! 私たちの戦いはまだまだ続く…
Q and A
宣伝
Please come to watch me🐥 ソフトウェアテスト 自動化カンファレンス2022 E2E自動テスト導入の つらみ・解決・ふりかえり 12月3日(土)16:15~16:30
Follow & Talk with me🐥
mabl User Community in Japan(仮) is coming soon! honamin Money
Forward, Inc. hama hacomono, Inc. 🤝 ぜひご参加ください!😀
Thank You!