[Google IO 2023] How to test for all screen sizes

https://www.youtube.com/watch?v=YHeWQ9MNuWg 

 

다른 크기의 화면들 간 무엇을 테스트해야 하며, 왜 테스트해야 하는가

 

안드로이드 앱은 폰에서만 실행되는 것이 아니다. 테블릿, 폴더블, 데스크탑에서도 실행된다. 각 기기들은 다른 화면 모양과 크기를 갖는다. 여백의 공간이 많거나 더 큰 화면의 기기에서는 멀티태스킹이 더 쉽다. 이러한 많은 차이점들은 구성configuration으로 요약될 수 있다. 

 

Configuration Changes 

 

다른 기기들은 다른 구성 범위를 갖는다. 현재의 구성은 기기의 회전, 크기 조정, 접기, 멀티윈도우 모드에 들어갔다 나오는 것으로 변경된다.

구성configuration은 안드로이드 리소스를 통해 사용 가능하고, 화면 모양, 방향, locale지역, density, 폰트, 스케일, weight 등의 정보를 포함한다.  

 

Jetpack Compose에서 현재 구성을 composable function으로 LocalComfiguration인 locale 설정을 통해 사용 가능하다. LocaleConfiguration.current로 값을 반환받아 값이 필요시에 새 구성으로 recompose한다. 

 

하나의 기기에서 앱을 실행하는 것은 앱이 다루는 부분적인 시나리오만 커버하는 것이다. 따라서 다양한 기기에서 테스트하는 것이 중요하다. 여러 다양한 초기 구성과 앱이 열린 동안의 변경사항을 다룰 것이다. 앱이 지원하는 구성을 제한하는 방법들이 있지만, 그 방법들은 지양하길 바란다. 이 제한들은 구성 변경의 수를 줄일 수는 있지만 다른 기기에서는 호환될 수도 있다. 옵션에 상관없이 구성 변경을 받아들여라. 

 

일반적으로 구성변경이 일어날 때, 각 액티비티는 다시 생성되고, 새 구성으로 초기화된다. 업데이트된 문서를 확인해 구성 변경이 어떻게 일어나고 액티비티 생명주기와 어떻게 관련있는지 살펴봐라.

이 생명주기는 화면이 더 큰 기기에서 크기 조정, 회전이 훨씬 자주 일어나기 때문에 정말 중요하다.

 

다른 구성과 구성 변경 사항 테스트를 위해 3가지 주요 행위들을 살핀다.  크래시, UI 상태 저장, 호환성compatiblity mode이다.

 

App Crashes

구성 변경 시, 액티비티가 재생성시 앱이 크래시되지 않는지 확인하라. 회전, 사이즈 변경, 접기, 사이즈 변경하기, 분할화면 모드로 진입하기 등.

액티비티가 재생성됐는데, 상태가 유지되고 있으면 크래시가 날 수 있다. 

 

Save UI State

구성 변경 시 사용자의 상태를 잃지 않도록 해야한다. 엄청나게 실망스러운 사용자 경험이기 때문이다. 사용자가 앱 안에 있는 텍스트 필드, 스크롤 위치와 리스트 위치, 미디어 플레이백playback, 탐색navigation 상태들은 리셋되어선 안된다. 

 

Compatibility Mode

compatibility mode에 진입할 수 있게 하라. 구성에 제한 사항들을 넣을 수 있기는 한데, 안드로이드 12L 이상의 큰 화면 기기에서는 compatiblity mode로 둘 수 있다.  compatiblity mode로 가는 두 가지 방법이 있다.

 

 첫 번째 방법은 액티비티를 크기조정하지 않게 설정하는 것이다. Android Manifest의 액티비티 attribute의 리사이즈 설정을 false로 둔다. 사이즈를 고정하면, aspectRatio 값들을 설정할 수 있다. 

 

두 번째 방법은 화면 방향 제한을 Android Manifest나 런타임으로 정의하는 것이다.

 

이런 제항사항들을 통해서 시스템은 앱을 compatibility mode로 놓을 수 있다. 만약 현재 기기 구성configuration이 제한사항들과 호완되지 않는 경우에는, 액티비티에 적용된다. 

이렇게 모든 앱들이 세로와 가로 방향에서, 멀티 윈도우 모드에 돌아가도록 한다. 

 

만약 앱이 세로 방향 설정attribute으로 고정되어 있다면, 태블릿이 가로로 놓여질 때 앱은 레터박스로, 즉 가로 방향 화면 안에 세로 뷰의 앱 화면 보여진다. 만약 제한된 지원restricted support을 선언declaring하는 경우에, 사용자가 기기를 회전하고 멀티윈도우 모드로 들어갈 때의 구성 변경configuration changes이 계속 된다는 것을 알아라. 크기 제한 혹은, 방향 잠금은 액티비티 생명주기를 피하는 방법이 아니다. (그니까, 크기를 제한하거나 화면 방향을 고정해도 액티비티 라이프사이클은 돌아가기 때문에 configuration 변경이 일어난다는 것을 말하는 것 같다.) 

 

만약 앱이 모든 영역에서 잘 돌아간다면, 모든 화면 크기에 적용가능한 기초foundations들을 가질 수 있다. 

 

Manual Testingg Tool

 

Large screen emulators

- Desktop emulator

- Resizable emulator

최소 SDK 버전 Android 13

 

Device Mirroring in Android Studio 

버전 Electric Eel 이상

 

경로1 : Settings(Mac에서는 Preferences) > Tools > Device Mirroring

경로2 : Settings(Mac에서는 Preferences) > Ecperimental - Device Mirroring

 

기능 : 회전, 볼륨 변경, 잠금, 전원, 탐색, 화면 녹화

 

Multi Previews for Jetpack Compose

 

Automated testing tools

gradle을 이용

 

copose용 테스트 룰 설명