시맨틱

Compose의 UI 테스트는 시맨틱을 사용하여 UI 계층 구조와 상호작용합니다. 이름에서 알 수 있듯이 시맨틱은 UI 요소에 의미를 부여합니다. 이러한 맥락에서 '일부 UI' (또는 요소)는 단일 컴포저블에서부터 단일 컴포저블에 이르기까지 전체 화면으로 전환할 수도 있습니다. 시맨틱 트리는 UI 계층 구조와 함께 생성되고 계층 구조를 설명합니다

시맨틱에 관한 자세한 내용은 Compose의 시맨틱을 참고하세요.

일반적인 UI 레이아웃 및 이 레이아웃이 해당하는 시맨틱 트리에 매핑되는 방식을 보여주는 다이어그램

그림 1. 일반적인 UI 계층 구조 및 시맨틱 트리

시맨틱 프레임워크는 주로 접근성에 사용되므로 테스트는 시맨틱에 의해 노출되는 UI 계층 구조 관련 정보를 활용합니다. 개발자는 노출할 내용과 양을 결정합니다.

그래픽 및 텍스트가 포함된 버튼

그림 2. 아이콘 및 텍스트가 포함된 일반적인 버튼

예를 들어 아이콘과 텍스트 요소로 구성된 이 같은 버튼의 경우 기본 시맨틱 트리에는 '좋아요'라는 텍스트 라벨만 포함됩니다. Text와 같은 일부 컴포저블이 일부 속성을 이미 시맨틱 트리에 노출하기 때문입니다. 다음을 사용하여 시맨틱 트리에 속성을 추가할 수 있습니다. Modifier

MyButton(
    modifier = Modifier.semantics { contentDescription = "Add to favorites" }
)

추가 리소스

  • Android에서 앱 테스트: 기본 Android 테스트 테스트의 기본사항과 기술을 보다 폭넓게 파악할 수 있습니다.
  • 테스트 기본 요소: 자세히 알아보기 Android 앱 테스트의 핵심 개념을 배웠습니다.
  • 로컬 테스트: 일부 테스트를 실행할 수 있습니다. 실행할 수 있습니다
  • 계측 테스트: 우수함 연습을 해야 합니다 즉, Cloud Build를 사용해 해야 합니다.
  • 지속적 통합: 지속적 통합을 통해 테스트를 배포에 통합할 수 있음 살펴봤습니다
  • 다양한 화면 크기 테스트: 사용자에게 제공할 수 있는 여러 기기이므로 다양한 화면용으로 테스트해야 합니다. 있습니다.
  • Espresso: 뷰 기반 UI, Espresso 지식은 Compose의 일부 측면에 여전히 유용할 수 있음 있습니다.