UI Test with Compose

UI Test with Compose

- 2023년 12월 10일 GDG Devfest 2023 SongDo

Transcript

1. UI Test with Compose Incheon/Songdo
2. What is the Purpose of this Session? UI Test੄ ਗܻܳ ঌҊ पઁ ೐۽ં౟ ੸ਊ
3. 1. UI Testۆ - UI Test о ޖ঺ੋ૑ ࢓ಝࠇפ׮. Incheon/Songdo 2. UI Test with XML - XML ӝ߈ UI Testܳ ૓೯೤פ׮. 3. UI Test with Compose - Compose ӝ߈ UI Testܳ ૓೯೤פ׮.
4. 1. UI Test Incheon/Songdo
5. What is the Test? - য়ܨ ध߹ - ࢿמ ഛੋ - ࢎਊ੗ ਃҳࢎ೦ ഛੋ - উ੹ࢿ ಣо
6. Advantages and Disadvantages of Testing పझ౟о হ׮ݶ ੘স ୡ߈ࠗী ࢤ࢑ࢿਸ ֫ੌ ࣻ ੓ णפ׮. Ӓۧ૑݅ दр੉ ૑զࣻ۾ ৘࢚஖ ޅೠ ী۞੄ ߊࢤ, ࠂ੟ೠ ௏٘ ١ਵ۽ ੋ೧ ੘স ࣗਃ दрਸ ૐоೞѱ ؾפ׮. ৘ܳ ٜয, ౠ੿ ௏٘ܳ ࣻ੿೮חؘ ৘࢚஖ ޅೠ ௏٘ ীࢲ ী۞о ߊࢤೡ ࣻ ੓णפ׮. ੉ٸ పझ౟о হ׮ ݶ ੉ܳ ഛੋೡ ࣻ হणפ׮. పझ౟о হח ೐۽ં౟੄ ҃਋ द੘਷ ਬܻೞ૑݅, ੉ղ ૓ୋ੉ হਸ ੿ب۽ ו ۰૓׮. / Unit Testing
7. How to make good Test? - ാࣚ੄ ੿ഛೠ х૑ - ࣁࠗ ҳഅ ࢎ೦ী ة݀੸ - ੜ ࢸݺغח पಁ - ੉೧ೡ ࣻ ੓ח పझ౟ ௏٘ - औҊ ࡅܰѱ प೯
8. Test Case - ળ࠺ arrange : పझ౟ܳ ૓೯ೞӝ ਤ೧ ജ҃ ࢸ੿ (੄ઓࢿ ࢸ੿, పझ౟ ؀࢚੉ غח ௿ېझ੄ ੋझఢझܳ ৢ߄ܰѱ ࢸ੿ೞҊ ࢤࢿ ١) - प೯ act : పझ౟ ઺ੋ ز੘ਸ पઁ۽ ഐ୹ೞח ௏٘ܳ աఋմ׮. - ױ঱ assert : పझ౟ ઺ੋ ز੘੉ प೯غҊ աݶ पઁ۽ ৢ߄ܲ ੌ੉ ߊࢤ೮ח૑ ഛੋ೧ঠ ೠ׮. ৈӝীח ੌ߈੸ਵ۽ ߈ജч੉ ৘࢚ೠ чҗ эѢա ੌࠗ ҃җ ࢚కо ৘࢚җ э਷૑ ഛੋೞח ੘ স੉ ನೣ.
9. Types of Tests - Unit Test - Integration Test - UI Test
10. Types of Tests Unit Test - ੘਷ ௏٘ ઑпਸ ѨૐೞҊ - ࡅܰѱ ࣻ೯ೞҊ - Ѻܻػ ߑधਵ۽ ୊ܻೠ׮.
11. Types of Tests Integration Test - ױੌ ز੘ ױਤܳ ѨૐೞҊ - ࡅܰѱ ࣻ೯ೞҊ - ׮ܲ పझ౟৬ ߹ب۽ ୊ܻೠ׮. * ױਤపझ౟ী݅ ੄ઓೞݶ दझమ੉ ੹୓੸ਵ۽ ੜ ز੘ೞח૑ ഛन ࠛоמ.
12. Types of Tests UI Test (GUI Test) - ചݶ ղীࢲ੄ Action੉ ઁ؀۽ ੘زೞח૑ ഛੋ. - ݽٚ ز੘ী ؀೧ ೞաೞա ࢚ࣁ൤ ഛੋೞח Ѫ੉ য۵׮. Ӓۧӝ ٸޙী ੉۞ೠ Actionী ؀೧ ௏٘۽ ۽ ૒ਸ ૞֬਷ റী, ૑ࣘ੸ਵ۽ ҙܻೞח Ѫ੉ ੢ӝ੸ਵ۽ח ݒ਋ ಞܻೞ׮. - ୶о੸ਵ۽ ৘࢚஖ ޅೠ UI ղীࢲ੄ جߊ࢚ടীب ؀୊ оמೞ׮.
13. UI Test Espresso Robolectric Appium UI Automator
14. 2. XML Incheon/Songdo
15. What is the XML? XML(Extensible Markup Language): ഛ੢ഋ ݃௼স ঱য੉ݴ Android Studioীࢲ ചݶਸ Ӓܻחؘ ࢎਊػ׮.
16. What is the Espresso? Android ӝӝ ߂ ীޯۨ੉ఠীࢲ UI Test ૓೯ Espresso੄ ӝࠄ ҳࢿ ਃࣗ - Espresso : onView() / onData()ܳ ాೠ ࠭৬੄ ࢚ഐ੘ਊਸ ਤೠ ૓ੑ੼ - ViewMatchers : അ੤ view ҅க ҳઑ ղীࢲ పझ౟ೡ ؀࢚ ଺ӝ - ViewActions : ࣻ೯ೡ ز੘ - ViewAssertions : ࣻ೯ೠ ز੘ ഛੋ https://developer.android.com/training/testing/espresso/basics?hl=ko
17. Espresso UI Test ࣽࢲ Find ೧׼ ஹನք౟ ଺ӝ Action ౠ੿ ӝמ ࣻ೯ Assert ౠ੿ ӝמী ؀ೠ Ѿҗ ഛੋ
18. Espresso UI Test Espresso UI test method ࣗѐ
19. https://developer.android.com/training/testing/espresso/cheat-sheet?hl=ko What is the Espresso?
20. View Matcher : ਗೞח view ଺ӝ - withId - withText - withContentDescription - … What is the Espresso?
21. View Action - click() - longClick() - scrollTo() - swipeRight() What is the Espresso?
22. View Assertion - withText() - doesNotExist() - … What is the Espresso?
23. Left Aligned Title
24. 2. XML Incheon/Songdo - Button ߂ EditText UITest
25. Left Aligned Title
26. Left Aligned Title
27. Left Aligned Title
28. Left Aligned Title
29. Left Aligned Title
30. Left Aligned Title
31. Left Aligned Title
32. Left Aligned Title
33. What is the Test?
34. What is the Test?
35. Left Aligned Title
36. What is the Test?
37. 3. Compose Incheon/Songdo
38. What is the Jetpack Compose? Jetpack Composeח ֎੉౭࠳ Android UIܳ ࠽٘ೞӝ ਤೠ ୭न بҳ ః౟. - ௏٘ хࣗ - ૒ҙ੸ - ࡅܲ ѐߊ җ੿ - ъ۱ೠ ࢿמ
39. What is the Test?
40. XMLҗ Compose੄ ର੉੼? - ݺ۸ഋ UI / ࢶ঱ഋ UI - ௏٘੄ ܻ࠙ - view id
41. What is the Test? Jetpack Composeীࢲח যڌѱ పझ౟ ؀࢚ਸ ଺૑?
42. 3. Compose Incheon/Songdo - Semantic
43. Semantic Semantic - UI ҅க ҳઑ৬ ࢚ഐ੘ਊ೤פ׮. - दݔ౮਷ UI ਃࣗী ੄޷ܳ ࠗৈ - दݔ౮ ౟ܻח UI ҅க ҳઑ৬ ೣԋ ࢤࢿغҊ UI ҅க ҳઑܳ ഋࢿ ೤פ׮. Compose పझ౟ীࢲח दݔ౮ ౟ܻۄח ҳઑܳ ࢎਊೞ ৈ ചݶীࢲ ਃࣗܳ ଺ই ࣘࢿਸ ੍ਸ ࣻ ੓णפ׮.
44. Semantic Semantic
45. Semantic Semantic
46. What is the Node? + ֢٘ח ޖ঺? ‘दݔ౮ ੄޷о ੓ח UI౟ܻ੄ ݽٚ ֢٘ীח दݔ౮ ౟ܻী ߽۳ ֢٘о ੓णפ׮. दݔ౮ ౟ܻ੄ ֢٘ীח ࢚ ਽ೞח ஹನ੷࠶੄ ੄޷ܳ ੹׳ೞח ࣘࢿ੉ ನೣغয ੓णפ׮.’
47. Semantic ֢٘ח ޖ঺?
48. Semantic modifier.semantics
49. Semantic SemanticsPropertyReceiverਸ ࢎਊ೧ࢲ Semantic propertyܳ Custom೧ࢲ ࢎਊ оמ
50. Semantic Now In Android https://github.com/android/nowinandroid
51. Semantic tree visualization Scemantic ౟ܻ दпച. - Layout Inspector بҳ ࢎਊ - printToLog() ݫࢲ٘ ੉ਊ.
52. Semantic tree visualization - Layout Inspector Menu - Tools - Layout Inspectorਵ۽ ੽Ӕ
53. Semantic tree visualization - Layout Inspector Semantic Tree ܳ ഛੋೡ ࣻ হח ҃਋ - compose UI ҙ۲ ୭न ߡ੹ ࢎਊ - Api > 29 https://stackoverflow.com/questions/75542760/compose-inspection-unavailable- could-not-determine-the-version-of-the-androidx
54. Semantic tree visualization - Layout Inspector https://developer.android.com/jetpack/compose/tooling/layout-inspector?hl=ko
55. Semantic tree visualization - printToLog() UI పझ౟ ௏٘ ੑ۱
56. Semantic tree visualization - printToLog()
57. ౟ܻ ߽೤ ߽೤غ૑ ঋ਷ ౟ܻо ؼ ਃࣗ੄ ֢٘ܳ ੌ஖दெঠ ೠ׮ݶ useUnMergedTreeܳ true۽ ࢸ੿ೞݶ ؾפ׮.
58. Left Aligned Title
59. Left Aligned Title
60. Semantic Error ߽೤੉ ػ ҃਋ী ੿ഛೠ чਸ о૑Ҋ ੓૑ ঋח ҃਋ ઓ੤. ੉ ٸ modifier.semantics ߂ clearAndSetSemanticsܳ ࢎਊೞৈ ૒੽੸ਵ۽ ࣘࢿਸ ૒੽ ࢸ҅ೞѢա ੤੿ ੄ೡ ࣻ ੓਺.
61. 3. Compose Incheon/Songdo - Compose Basic UI Test
62. Compose UI Test Methods https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko
63. Compose UI Test Methods https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko
64. Finders - onNode - onNodeWithContentDescription - onNodeWithTag - onAllNodes https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko Compose UI Test Methods
65. Left Aligned Title
66. Compose UI Test Methods https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko Matchers - hasScrollTo - has(No)ClickAction - hasTestTag - …
67. Compose UI Test Methods Actions - performClick - performScrollTo - performImeAction - … https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko
68. Compose UI Test Methods Assertion - assert - assertExist - assertIsSelected - assertIsEqualTo - … https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko
69. Left Aligned Title
70. Compose UI Test Methods Debug - printToLog() - … https://developer.android.com/jetpack/compose/testing-cheatsheet?hl=ko
71. Left Aligned Title
72. Left Aligned Title
73. Left Aligned Title
74. Compose UI Test Compose Animation UI Test
75. Compose UI Test
76. 3. Compose Incheon/Songdo - Compose Animation UI Test
77. Compose Animation UI Test - Composeܳ ࢎਊೣਵ۽ॄ, গפݫ੉࣌ పझ౟о ૓೯ؼ ٸ ࣗਃغח दрী ؀೧ ৮߷ೞ ѱ ઁযо оמ೤פ׮. - ੉ܳ ా೧ গפݫ੉࣌੉ ૓೯غח زউ ઺р чী ؀ೠ ഛੋ੉ оמ೧૘פ׮.
78. Left Aligned Title autoAdvance = false ܳ ా೧ গפݫ੉࣌ दрਸ ઁযೡ ࣻ ੓णפ׮.
79. Left Aligned Title enabled = trueীࢲ গפݫ੉࣌ द੘ advanceTimeBy ܳ ࢎਊೞৈ ਗೞח द੼ਵ۽ ੉ز ৘࢚غח Ѿҗ৬ ࠺Ү ߂ ഛੋ
80. Left Aligned Title ੹୓ ௏٘
81. 3. Compose Incheon/Songdo - Compose Navigation UI Test
82. Left Aligned Title
83. Left Aligned Title
84. Left Aligned Title
85. 3. Compose Incheon/Songdo - Now In Android
86. Left Aligned Title
87. Left Aligned Title
88. ਃড Find - Action - Assert
89. QnA Incheon/Songdo
90. хࢎ೤פ׮.