WindowInsetsだってテストしたい

2025/06/20(金) Shibuya.apk #53

Transcript

1. WindowInsetsͩͬͯςετ͍ͨ͠ 2025.06.20 Shibuya.apk #53 RyuNen344
2. Outline • About Edge-to-edge enforcement • About BottomSheetDialog / Tenugui • Visual Regression Test • Struggle with System UI demo mode • Struggle with IME • Wrap up
3. About Edge-to-edge enforcement • Android 15Ҏ্ͷ୺຤ͰTarget SDK 35Ҏ্ͷΞϓϦΛ࣮ߦ͢ΔͱEdge-to-edge͕ڧ੍͞ΕΔʢʹ ΦϓτΞ΢τՄʣ • Android 16Ҏ্ͷ୺຤ͰTarget SDK 36ͷΞϓϦΛ࣮ߦ͢ΔͱEdge-to-edgeͷڧ੍ΛΦϓτΞ΢τ Ͱ͖ͳ͍
4. About Edge-to-edge enforcement
5. About Edge-to-edge enforcement • Target API level requirements for Google Play apps • 2025೥6݄20೔ݱࡏTarget SDK Version 34ͷཁ݅ʹ͍ͭͯͷΈهࡌ • ྫ೥௨ΓͳΒ2025೥8݄31೔Ҏ߱ɺTarget SDK Version 35͕ඞਢͷࢫ͕هࡌ͞ΕΔʢϦϦʔεαΠΫϧ͕มߋ ͞ΕͨͷͰมಈ͋Δ͔΋ʣ • https://support.google.com/googleplay/android-developer/answer/11926878 • Google Play's Target API Level Policy • Major version release͔Β1೥Ҏ಺ͷTarget SDK Versionʹ͢Δඞཁ͕͋Δࢫ • https://support.google.com/googleplay/android-developer/answer/11917020 Target SDK Version35ରԠͰ΍ͬͯ͠·͏΄͏͕࿩͕ૣ͍
6. About BottomSheetDialog / Tenugui • େલఏ, Edge-to-edgeରԠ͸۪௚ʹ΍Δ • ۜͷ஄ؙ͸ͳ͍ɺؤுΖ͏ • ެࣜ΍Araki͞Μɺtomoya0x00͞ΜͩͬͨΓͷهࣄࢀߟʹ͢Δ • Lay out your app within window insets • https://developer.android.com/develop/ui/views/layout/insets • ݹ͍୺຤Ͱ΋ Edge-to-edge ʹ͍ͨ͠ • https://android-developers-jp.googleblog.com/2023/01/is-your-app-providing-a-backward-compatible- edge-to-edge-experience.html • Androidͷedge-to-edgeදࣔରԠͷ࡞ۀϝϞʢCompose޲͚ʣ • https://zenn.dev/tomoya0x00/articles/f854a6825a1182
7. About BottomSheet / Tenugui • ͍͔ͭ͘ؾΛ͚ͭϙΠϯ τ͕͋Δ
8. About BottomSheet / Tenugui • ͍͔ͭ͘ؾΛ͚ͭϙΠϯ τ͕͋Δ • FullScreenͳDialogͨͪ • ex.) BottomSheetDialog
9. About BottomSheet / Tenugui • ԣ෯max 640dpʢ͍͡Ε ͸͢Δʣ • Display CutoutsΛͱʹ͔ ͘ආ͚Δ
10. About BottomSheet / Tenugui
11. About BottomSheet / Tenugui • compose-material͸಺෦࣮૷͕Dialog Ͱ͢Βͳ͍͠compose-material3͸API ͕ະͩʹϑϥϑϥ͍ͯ͠Δɾɾɾɾ • ComposeͳAPIʹͭͭ͠΋ BottomSheetDialogΛ௚઀࢖༻Ͱ͖Δ • Re fl ection·Ͱ࢖ͬͯ BottomSheetBehaviorΛComposeͷ ੈքʹ࣋ͪࠐΉϠϯνϟͳϥΠϒϥϦ
12. About BottomSheet / Tenugui • Tenugui͸ComposeͷDialog࣮૷ͷΑ͏ͳ಺෦࣮૷ͰBottomSheetDialog ΛݺΜͰ͍Δ • ΋ͪΖΜIMEදࣔ࣌΍Display CutoutsΛؚΊͨEdge-to-edge΋ߟྀ͍ͨ͠ • ಺෦ͷϥΠϒϥϦͷߋ৽ͷͨͼʹखͰ֬ೝ͢Δͷ͸ݫ͍͠ Visual Regression TestͰΧόʔ͢Δ📷
13. About BottomSheet / Tenugui
14. About BottomSheet / Tenugui • Layoutlib(Paparazzi), Robolectric(Roborazzi) • Display cutoutsΛؚΊͨVRT͕Ͱ͖ͳ͍(ଟ෼) • IME(InputMethodService)ΛؚΊͨVRT͕Ͱ ͖ͳ͍ → Dropshotsʹͤ͟ΔΛಘͳ͍
15. Struggle with System UI demo mode • Status Bar, Navigation Bar ͷDiffΛͳͨ͘͢Ίʹ System UI Demo ModeΛ ࢖͏ android 16 emulator ͩͱରԠ͞Εͯͳ͍☹
16. Struggle with System UI demo mode • sysui_demo_allowed/ sysui_tuner_demo_on • BraodcastΛ౤͛ͯදࣔͷ த਎Λม͑Δ IUUQTBOESPJEHPPHMFTPVSDFDPNQMBUGPSNGSBNFXPSLTCBTF  NBTUFSQBDLBHFT4ZTUFN6*EPDTEFNP@NPEFNE
17. Struggle with System UI demo mode • Basicʹ࣮૷͢Δͱ͜Μͳ ײ͡
18. Struggle with System UI demo mode • sysui_demo_allowed / sysui_tuner_demo_on ͷ ੾Γସ͑ • Broadcastͷૹ৴ $PVOUEPXO-BUDIΛ࢖ͬͨ#SPBEDBTUૹ৴
    IUUQTHJUIVCDPN.PCJMJUZ5FDIOPMPHJFTHPHPTDSFFOTIPUBOESPJE
19. Struggle with System UI demo mode • ScreenShotͷࡱӨɾΞ αʔγϣϯ
20. Struggle with System UI demo mode • 9࣌41෼ 🕘 • όοςϦʔຬλϯ 🔋
21. ͳ͔ͥFlaky…
22. JUnit Rule Strategies • CountDownLatch·Ͱ࢖ͬͯΔͷʹUI͕੾ΓସΘΒͳ͍ͱ͖͕͋ Δɾɾɾ • ௚઀ݪҼ·Ͱ͸Θ͔Βͳ͔ͬͨͨΊϦτϥΠͰରॲ͢Δ
23. JUnit Rule Strategies JUnit ͷ Ruleͱςετίʔυͷ࣮ߦॱΠϝʔδ
24. JUnit Rule Strategies શମΛRetry͢Δͱ݁ہBroadcast͕൓ө͞Εͳ͍ɾɾɾ
25. JUnit Rule Strategies ଴ͯ͹൓ө͞ΕΔ͜ͱΛ৴ͯ͡@Test಺෦͚ͩΛϦτϥΠ
26. JUnit Rule Strategies • @Test಺͚ͩΛRetry͢Δ RuleΛ࡞੒ • σϞϞʔυͷΫϦʔϯ Ξοϓ͸્ࢭ
27. ςετ͕҆ఆͨ͠
28. ·ͩ…Flaky…
29. Struggle with IME ɾɾɾɾ🤔
30. Struggle with IME ༧ଌม׵😧
31. Struggle with IME • IMEͷ༧ଌม׵Ͱදࣔ͞ΕΔ΋ͷ͸༧ଌͰ͖ͳ͍ • Ұகൺֱର৅ը૾Λ࠲ඪϨϕϧͰτϦϛϯάͯ͠ɾɾɾɾ΋ߟ͕͑ͨɺ࢖༻͢ΔEmulator͕มΘ Δʢʹը໘αΠζ͕มΘΔʣͨͼʹαΠζܭࢉ͢Δͷ΋͍ͩͿ͠ΜͲ͍ • ͳΔ΂͘ΫϦʔϯͳঢ়ଶͷΠϝʔδͰVRTΛճ͢ඞཁ͕͋Δ • ʢࠓࢥ͑͹ClipboardManagerΛ࢖ͬͯݻఆͷจݴΛ༧ଌม׵෦෼ʹදࣔͤͯ͞΋Α͔͔ͬͨ ΋ʣ → Reproducibility͕ߴ͍emulatorΛ࡞Δ͜ͱͰճආ
32. Struggle with IME • Reproducibility͕ߴ͍AVD #ͱ͸ A. avdmanagerΛ࢖ͬͯࡉ͔͘Φϓγϣϯࢦఆͯ͠؅ཧ͢Δ B. Gradle-managed devicesͰ؅ཧ͢Δ
33. Gradle-managed devices ͦΕͳΓʹ੍ݶࣄ߲͕͋ Δ AVDͷࣄલ࡞੒ɺCold Bootʹ೉͋Γʢ3೥Ͱঢ় گมΘͬͯΔ͔΋
34. Struggle with IME ىಈ࣌option + AVDͷcache؅ཧΛؑΈͯavdmanagerΛ࢖͏ (ϝΠϯ͸reactivecircus/android-emulator-runnerʹ͓೚ͤ͢Δ) • Reproducibility͕ߴ͍AVD #ͱ͸ A. avdmanagerΛ࢖ͬͯࡉ͔͘Φϓγϣϯࢦఆͯ͠؅ཧ͢Δ B. Gradle-managed devicesͰ؅ཧ͢Δ
35. Wrap up • System UI Demo modeͷBroadcast͸൓ө͞Εͳ͍ͱ͖͕͋ΔʢεϥΠ υதهࡌҎ֎ͷ࣮૷ਵॴͰ΋waitForIdleͯ͠Δ͕μϝʣ • Cleanup΋ߟྀͭͭ͠ϦτϥΠͯ͋͛͠ΔͱΑ͍ • IMEͷ༧ଌม׵͸༧ଌෆೳ • AVDͷ࡞ΓํͰճආ͢Δज़͸͋Δ • VRTɺ݁ہటष͘ͳΔ
37. ΊͰͨ͠ (36ຕࡱΔ͚ͩͷςετͰ12෼ͪΐ͍͔͔Δ͚Ͳ…)
38. About Me • Kodee Lover • ͓ՈʹKodee͘Μ͵͍͙ΔΈ3ମ͍·͢ • Kodee͘Μݟ͔͚ͨΒͥͻ #KodeeEverywhere ͷϋογϡλάΛͭ ͚ͯᄁ͖Λʂ
39. Refs • Τοδ πʔ ΤοδͷΦϓτΞ΢τͷഇࢭ • https://developer.android.com/about/versions/16/behavior-changes-16#edge-to-edge • Lay out your app within window insets • https://developer.android.com/develop/ui/views/layout/insets • ݹ͍୺຤Ͱ΋ Edge-to-edge ʹ͍ͨ͠ • https://android-developers-jp.googleblog.com/2023/01/is-your-app-providing-a-backward-compatible-edge-to-edge- experience.html • Androidͷedge-to-edgeදࣔରԠͷ࡞ۀϝϞʢCompose޲͚ʣ • https://zenn.dev/tomoya0x00/articles/f854a6825a1182 • Gradle Managed DevicesͰςετΛಈ͔ͯ͠ΈΑ͏ • https://swet.dena.com/entry/2022/11/28/100000
40. EOF