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
Macインスタンスを活用したアプリE2Eテストの実現
Search
coconala_engineer
June 20, 2024
Technology
1
890
Macインスタンスを活用したアプリE2Eテストの実現
AWS Summit Japan 2024ミニステージの登壇資料。
https://aws.amazon.com/jp/summits/japan/
coconala_engineer
June 20, 2024
Tweet
Share
More Decks by coconala_engineer
See All by coconala_engineer
ココナラiOSチームの生成AI利用
coconala_engineer
0
25
AIと向き合う若手エンジニアの責任
coconala_engineer
0
30
GraphQLを活用したリアーキテクチャに対応するSLI/Oの再設計
coconala_engineer
0
300
一番気が重いと言われたポストモーテム委員会の改革
coconala_engineer
0
300
SREの視点で考えるSIEM活用術 〜AWS環境でのセキュリティ強化〜
coconala_engineer
1
380
(みんなやっているはずなのに情報が少ない)DNSレコード管理の改善
coconala_engineer
0
120
クラウド時代のDDoS対策:可用性を守るためのベストプラクティス
coconala_engineer
0
100
「エンジニアマネージャー」の役割を担っている / 担ってみたい方へのキャリアパスガイド
coconala_engineer
1
290
上場前後で描く、「モダンな情報システム部門」への進化とその取り組み
coconala_engineer
0
88
Other Decks in Technology
See All in Technology
AI時代の開発生産性を加速させるアーキテクチャ設計
plaidtech
PRO
3
160
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
130
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
LangChain Interrupt & LangChain Ambassadors meetingレポート
os1ma
2
320
united airlines ™®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedhelp
1
340
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
170
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
1
190
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
960
Yahoo!しごとカタログ 新しい境地を創るエンジニア募集!
lycorptech_jp
PRO
0
110
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
360
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
260
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
150
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
What's in a price? How to price your products and services
michaelherold
246
12k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Fireside Chat
paigeccino
37
3.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
Copyright coconala Inc. All Rights Reserved. Macインスタンスを活用した アプリE2Eテストの実現 株式会社ココナラ 川崎
雄太 2024/06/21 AWS Summit Japan 2024 ミニステージ
Copyright coconala Inc. All Rights Reserved. 自己紹介 2 川崎 雄太 Yuta
Kawasaki @yuta_k0911 株式会社ココナラ システムプラットフォーム部 部長 / Head of Information SRE / 情シス / セキュリティ領域のEM SRE NEXT 2024のコアメンバー 去年の自慢: PR TIMESに3回載った✨
Copyright coconala Inc. All Rights Reserved. 3 ココナラの事業内容
Copyright coconala Inc. All Rights Reserved. ココナラのエンジニア数の変遷 4 事業拡大に合わせて 3年で約3倍の組織規模に成長
2020年 2023年 フェーズ 上場前 上場後 エンジニア数 20人強 70人強 リポジトリ数 45 170以上
Copyright coconala Inc. All Rights Reserved. 5 Agenda アプリE2Eテスト導入の背景 ココナラ流アプリE2Eテスト
導入してみてどうだったか? 2 1 3
Copyright coconala Inc. All Rights Reserved. アプリE2Eテスト導入の背景 Chapter 01 6
Copyright coconala Inc. All Rights Reserved. もともとココナラでは、ある時期まで アプリのリグレッションテストを すべて手動 で行っていた。
アプリの機能数が少なかった頃は あまり問題になっていなかったが、 アプリの機能は増える一方🤔 7
Copyright coconala Inc. All Rights Reserved. プロダクトはどんどん成長していき、 アプリの機能がどんどん増え続け、 手動テストに要する時間も延びた 💦
さらには手動でテストしきれず、 品質面での問題が顕在化 する こともあった。 8
Copyright coconala Inc. All Rights Reserved. 今後はどうなっていく予測になるか? 9 自動化による範囲が大きくなればなるほど、効率化が大事 前述の通り、もともとは手動テストで何
とかなっていたものの、プロダクトの成 長により、手段としての自動テスト の効果が大きくなる構図となった。 このような状況をふまえて、ココナラで はアプリのE2Eテスト自動化に大き く舵を切っていくこととなった。
Copyright coconala Inc. All Rights Reserved. ココナラ流アプリ E2Eテスト Chapter 02
10
Copyright coconala Inc. All Rights Reserved. アプリE2Eテストの環境 11 Amazon EC2(Macインスタンス)などを組み合わせて構成
AWS Chatbot AWS Lambda Amazon EC2
Copyright coconala Inc. All Rights Reserved. アプリE2Eテストの処理の流れ 12 さまざまなものをインテグレートして、実現している 1.
Slack上でデバイス、テスト内容などを入力。入力後、AWS Chatbotが起動し、AWS Lambdaを呼び出す。 2. AWS LambdaがExpressにリクエストを送信。 3. Expressがテスト制御プロセスを起動し、メッセージを送信。 4. テスト制御プロセスがアプリをビルドし、デバイスやAppium を起動。テストランナーであるJestを実行。 5. テスト状況がSlack、ReportPortalにレポートされる。
Copyright coconala Inc. All Rights Reserved. 採用した技術 13 役割 採用したもの
採用理由 オートメーション Appium Detoxと比較し、アプリの対応度合い・相 性が良かった。 WebdriverIO Appiumのクライアントで使用。 テストランナー Jest 拡張性を重視。 テスト言語 TypeScript テストの書きやすさを重視。 テスト結果可視化 ReportPortal Allureと比較し、大量のテスト結果可視 化に優れていた。 テストサーバー Amazon EC2 mac2 各種CIサービスと比較し、コストパフォー マンスに優れていた。
Copyright coconala Inc. All Rights Reserved. アプリE2Eテストの内容 14 リリース前に手動で行っていたテストの約 85%を自動化
• たとえば、以下のテストを自動化。 ◦ メールで会員登録できること ◦ Googleで会員登録できること ◦ ログインできること ◦ サービスが出品できること ◦ サービスをクレジットカードで購入できること ◦ サービスをポイントで購入できること
Copyright coconala Inc. All Rights Reserved. アプリE2Eテストのコードサンプル 15
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 16 1. Slackのフォームを開き、テスト対
象のデバイス、ブランチ、テスト内 容などを入力します。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 17 2. 入力をトリガーにテストが開始さ
れます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 18 3. テストの進行状況がリアルタイ
ムで表示されます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 19 4. テストが完了すると、結果のサ
マリとレポートのリンクが表示さ れます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 20 5. レポートのリンクを開くと、
ReportPortalで操作内容とスク リーンショットが確認できます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 21 6. 録画データをダウンロード、再
生することもできます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 22 7. さらに、過去のテスト結
果を含めた統計データ を確認することもできま す。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 23 8. ReportPortalでは実施
したテストの属性の設定 や、FAILED内容の分類 もできます。
Copyright coconala Inc. All Rights Reserved. E2Eテストが実際に動いているところ 24 9. 設定した属性やFail内
容の分類を用いて、 E2Eテストの成功率や FAILED内容の割合な どのメトリクスを可視化 しています。
Copyright coconala Inc. All Rights Reserved. 導入してみてどうだったか? Chapter 03 25
Copyright coconala Inc. All Rights Reserved. 定量的に効果を得ることができた! 26 工数削減だけでなく、品質向上に寄与することができた •
リリース前にバグを検知できた回数:5回 ◦ サービス詳細画面が開けない ◦ サービス検索で絞り込みできない。 ◦ 見積もり相談に対して提案できない • リリース後、早期にバグを検知できた回数:3回
Copyright coconala Inc. All Rights Reserved. テックブログの記事もたくさんの方に見てもらえた! 27 「アプリ e2e」で検索すると
1位と4位に記事が載っている
Copyright coconala Inc. All Rights Reserved. Web E2Eテストにも同じ仕組みを展開した! 28 実は「web
e2e」で検索しても 1位に記事が載っている
Copyright coconala Inc. All Rights Reserved. アプリのE2Eテスト基盤に Amazon EC2(Macインスタンス)を 採用することで、費用対効果の高い
E2Eテストを実現できました!💡 ぜひ、参考になれば幸いです!😁 29
Fin
Copyright coconala Inc. All Rights Reserved. Appendix 31
Copyright coconala Inc. All Rights Reserved. 参考資料 32 • E2Eテストに関する記事
◦ Android / iOSアプリのE2Eテスト全部で250シナリオを 自動化しました! 第1回 全体像 ◦ Android / iOSアプリのE2Eテスト自動化の運用保守で 日々格闘しているお話 ◦ WebのE2Eテスト自動化〜ツール選定編〜 • E2Eテストに関する登壇資料 ◦ WebのE2Eテスト自動化 〜導入から運用・評価までの 道のり編〜 - Speaker Deck