William Wang, a senior engineer, discusses the importance of automated testing in mobile app development and provides insights on how to implement testing strategies effectively. He addresses common challenges in UI automated testing and outlines the MVP pattern and API abstraction for validating mobile app workflows. The document also emphasizes the need for various types of validations, including end-to-end tests and unit tests for business logic and UI interactions.

1. William Wang
Sr. Engineer
Component Unit Test
- How we start in mobile app ?

2. Who am i ?
• 靠寫程式混口飯吃的哲學家
Java, Android Developer
Agile Believer
Clean Code Believer
Performance Matter
王宣皓
William Wang

3. We all know that
Test is important ...

4. Problems
1. 自動化測試很重要，但不知怎麼開始
2. 寫了UI自動化測試腳本，浪費好多撰寫成本
3. UI自動化腳本走不完所有路徑
4. UI自動化測試總是跑很慢
5. RD：Unit Test綠燈了！
QA：所以呢？可以吃嗎？

6. My favorite talk

11. How about
follow suit in the app?

12. Tips 1
MVP Pattern

13. Tips 2
API Abstraction
Transforn

14. VIEW
PRESENTER
MODEL
API
Mobile App Workflow
分析、委任
事件及資料
業務邏輯
解析結果顯示邏輯更新畫面 業務邏輯
解析
View事件

15. VIEW
PRESENTER
MODEL
API
Mobile App Workflow
分析、委任
事件及資料
業務邏輯
解析結果顯示邏輯更新畫面 業務邏輯
解析
View事件

16. API Test in client
E2E Validation
• 確保輸入符合Server要求、回傳「格式」符合期望
How to validate
• 輸入資料打API成功（不管回傳值正不正確）
• 解析Server回傳資料「格式」正確
■ Json參數、格式無誤
■ 轉換成Model Class無誤

17. VIEW
PRESENTER
MODEL
API
Mobile App Workflow
分析、委任
事件及資料
業務邏輯
解析結果顯示邏輯更新畫面 業務邏輯
解析
View事件

18. Model Unit Test
E2E Validation
• 業務邏輯、狀態測試
How to validate
• 輸入各種Input以並驗證期望的Output
■ 模擬Presenter呼叫的狀況
■ 不呼叫API，模擬API回傳的結果

19. VIEW
PRESENTER
MODEL
API
Mobile App Workflow
分析、委任
事件及資料
業務邏輯
解析結果顯示邏輯更新畫面 業務邏輯
解析
View事件

20. Presenter Test
E2E Validation
• Presenter：Feature的高階抽象，驗證以下行為：
■ 接收View功能性事件
■ 將功能委派給一個或多個Model
■ 通知View更新畫面
How to validate
• 驗證當事件進來時有沒有呼叫正確的Model
• 驗證Model Callback時有沒有呼叫正確的View

21. VIEW
PRESENTER
MODEL
API
Mobile App Workflow
分析、委任
事件及資料
業務邏輯
解析結果顯示邏輯更新畫面 業務邏輯
解析
View事件

22. View UI Test
E2E Validation
• 操作UI、並驗證回饋正確
How to validate
• 驗證UI事件進來時呼叫到對的Presenter方法
• 模擬Callback驗證更新View是否正確

23. Example

24. 認識興趣相同的人 一起做有趣的事
我們在找同伴一起去玩，你來嗎？！
Citymate 同伴

26. 史詩級登入流程...
Success

27. DEMO

28. Espresso
2.0

30. How to Design ?

31. Sample Class Diagram

32. Test UI
Mock
Espresso

33. Test Presenter
MockMock
Mock
Junit
Runner

34. Test Model
Junit
Runner

35. Test Model
Junit
Runner
Mock Mock

36. Put logic into model

37. Account Manager
Check
Check
Check Check
Check
No Phone First FB login No Intresting First Register

38. Isolate
platform, library

40. Dependency
Injection

41. public AccountManager(CitytalkPreference preference, ApiFacade apiFacade) {
this.preference = preference;
this.apiFacade = apiFacade;
……
}

42. public LoginPresenter(AccountManager accountManager, FacebookUtils facebookUtil, TourLoginView tourLoginView) {
mAccountManager = accountManager;
mTourLoginView = tourLoginView;
mFacebookUtil = facebookUtil;
mFbLoginCallback = new FacebookLoginCallBack();
}

43. Class
Lifecycle

44. Application
Activity
Fragment
Get Static Models
Get Local Models
Get Presenter

45. Let's
Discussion
&Q A

46. Reference
https://developers.google.com/google-test-
automation-conference/2015/presentations
- GTAC 2015: Presentations Slides