การทดสอบ API

คุณโต้ตอบกับองค์ประกอบ UI ได้ 3 วิธีหลักๆ ดังนี้

• ตัวค้นหาช่วยให้คุณเลือกองค์ประกอบอย่างน้อย 1 รายการ (หรือโหนดใน แผนผังเชิงความหมาย) เพื่อยืนยันหรือดำเนินการกับองค์ประกอบเหล่านั้น
• การยืนยันใช้เพื่อตรวจสอบว่ามีองค์ประกอบอยู่หรือมีแอตทริบิวต์บางอย่าง
• การดำเนินการจะแทรกเหตุการณ์ของผู้ใช้ที่จำลองไว้ในองค์ประกอบต่างๆ เช่น การคลิกหรือ ท่าทางสัมผัสอื่นๆ

API บางรายการเหล่านี้รับ SemanticsMatcher เพื่ออ้างอิงถึงโหนดอย่างน้อย 1 รายการในแผนผังความหมาย

Finder

คุณใช้ onNode และ onAllNodes เพื่อเลือกโหนด 1 รายการหรือหลายรายการได้ ตามลำดับ แต่คุณยังใช้เครื่องมือค้นหาที่สะดวกสำหรับการค้นหาที่พบบ่อยที่สุดได้ด้วย เช่น onNodeWithText และ onNodeWithContentDescription คุณเรียกดูรายการทั้งหมดได้ในชีตโกงการทดสอบ Compose

เลือกโหนดเดียว

composeTestRule.onNode(<<SemanticsMatcher>>, useUnmergedTree = false): SemanticsNodeInteraction

// Example
composeTestRule
    .onNode(hasText("Button")) // Equivalent to onNodeWithText("Button")

เลือกหลายโหนด

composeTestRule
    .onAllNodes(<<SemanticsMatcher>>): SemanticsNodeInteractionCollection

// Example
composeTestRule
    .onAllNodes(hasText("Button")) // Equivalent to onAllNodesWithText("Button")

ต้นไม้ที่ยังไม่ได้ผสาน

โหนดบางรายการจะผสานข้อมูลความหมายของโหนดลูก ตัวอย่างเช่น ปุ่มที่มีองค์ประกอบข้อความ 2 รายการจะผสานป้ายกำกับองค์ประกอบข้อความดังนี้

MyButton {
    Text("Hello")
    Text("World")
}

จากการทดสอบ ให้ใช้ printToLog() เพื่อแสดงโครงสร้างต้นไม้เชิงความหมาย

composeTestRule.onRoot().printToLog("TAG")

โค้ดนี้จะพิมพ์เอาต์พุตต่อไปนี้

Node #1 at (...)px
 |-Node #2 at (...)px
   Role = 'Button'
   Text = '[Hello, World]'
   Actions = [OnClick, GetTextLayoutResult]
   MergeDescendants = 'true'

หากต้องการจับคู่โหนดของสิ่งที่ควรจะเป็นทรีที่ยังไม่ได้ผสาน คุณสามารถตั้งค่า useUnmergedTree เป็น true ได้

composeTestRule.onRoot(useUnmergedTree = true).printToLog("TAG")

โค้ดนี้จะพิมพ์เอาต์พุตต่อไปนี้

Node #1 at (...)px
 |-Node #2 at (...)px
   OnClick = '...'
   MergeDescendants = 'true'
    |-Node #3 at (...)px
    | Text = '[Hello]'
    |-Node #5 at (83.0, 86.0, 191.0, 135.0)px
      Text = '[World]'

พารามิเตอร์ useUnmergedTree พร้อมใช้งานในเครื่องมือค้นหาทั้งหมด เช่น ที่นี่ มีการใช้ในonNodeWithTextเครื่องมือค้นหา

composeTestRule
    .onNodeWithText("World", useUnmergedTree = true).assertIsDisplayed()

การยืนยัน

ตรวจสอบการยืนยันโดยเรียกใช้ assert() ใน SemanticsNodeInteraction ที่ตัวค้นหาแสดงผลพร้อมกับตัวจับคู่อย่างน้อย 1 ตัว

// Single matcher:
composeTestRule
    .onNode(matcher)
    .assert(hasText("Button")) // hasText is a SemanticsMatcher

// Multiple matchers can use and / or
composeTestRule
    .onNode(matcher).assert(hasText("Button") or hasText("Button2"))

นอกจากนี้ คุณยังใช้ฟังก์ชันอำนวยความสะดวกสำหรับการยืนยันที่พบบ่อยที่สุดได้ เช่น assertExists, assertIsDisplayed และ assertTextEquals คุณเรียกดูรายการทั้งหมดได้ในชีตโกงการทดสอบ Compose

นอกจากนี้ยังมีฟังก์ชันสำหรับตรวจสอบข้อความที่ยืนยันในกลุ่มโหนดด้วย

// Check number of matched nodes
composeTestRule
    .onAllNodesWithContentDescription("Beatle").assertCountEquals(4)
// At least one matches
composeTestRule
    .onAllNodesWithContentDescription("Beatle").assertAny(hasTestTag("Drummer"))
// All of them match
composeTestRule
    .onAllNodesWithContentDescription("Beatle").assertAll(hasClickAction())

การดำเนินการ

หากต้องการแทรกการดำเนินการในโหนด ให้เรียกใช้perform…()ฟังก์ชัน:

composeTestRule.onNode(...).performClick()

ตัวอย่างการดำเนินการมีดังนี้

performClick(),
performSemanticsAction(key),
performKeyPress(keyEvent),
performGesture { swipeLeft() }

คุณเรียกดูรายการทั้งหมดได้ในชีตโกงการทดสอบ Compose

ตัวจับคู่

มีตัวจับคู่หลายประเภทให้ทดสอบโค้ด Compose

ตัวจับคู่แบบลำดับชั้น

ตัวเทียบแบบลำดับชั้นช่วยให้คุณขึ้นหรือลงในแผนผังความหมายและทำการจับคู่ได้

fun hasParent(matcher: SemanticsMatcher): SemanticsMatcher
fun hasAnySibling(matcher: SemanticsMatcher): SemanticsMatcher
fun hasAnyAncestor(matcher: SemanticsMatcher): SemanticsMatcher
fun hasAnyDescendant(matcher: SemanticsMatcher):  SemanticsMatcher

ตัวอย่างการใช้ตัวจับคู่เหล่านี้มีดังนี้

composeTestRule.onNode(hasParent(hasText("Button")))
    .assertIsDisplayed()

ตัวเลือก

อีกวิธีหนึ่งในการสร้างการทดสอบคือการใช้ตัวเลือก ซึ่งจะช่วยให้การทดสอบบางรายการอ่านง่ายขึ้น

composeTestRule.onNode(hasTestTag("Players"))
    .onChildren()
    .filter(hasClickAction())
    .assertCountEquals(4)
    .onFirst()
    .assert(hasText("John"))

คุณเรียกดูรายการทั้งหมดได้ในชีตโกงการทดสอบ Compose

แหล่งข้อมูลเพิ่มเติม

• ทดสอบแอปใน Android: หน้า Landing Page หลักของการทดสอบ Android จะให้มุมมองที่กว้างขึ้นเกี่ยวกับพื้นฐานและเทคนิคการทดสอบ
• หลักพื้นฐานของการทดสอบ: ดูข้อมูลเพิ่มเติม เกี่ยวกับแนวคิดหลักเบื้องหลังการทดสอบแอป Android
• การทดสอบในเครื่อง: คุณสามารถเรียกใช้การทดสอบบางอย่าง ในเครื่องบนเวิร์กสเตชันของคุณเองได้
• การทดสอบแบบมีเครื่องควบคุม: คุณควรเรียกใช้การทดสอบแบบมีเครื่องควบคุมด้วย กล่าวคือ การทดสอบที่ทำงานโดยตรง ในอุปกรณ์
• การรวมอย่างต่อเนื่อง: การรวมอย่างต่อเนื่องช่วยให้คุณผสานรวมการทดสอบเข้ากับไปป์ไลน์การติดตั้งใช้งานได้
• ทดสอบขนาดหน้าจอต่างๆ: เนื่องจากผู้ใช้มีอุปกรณ์ให้เลือกมากมาย คุณจึงควรทดสอบขนาดหน้าจอต่างๆ
• Espresso: แม้ว่า Espresso จะมีไว้สำหรับ UI ที่อิงตาม View แต่ความรู้เกี่ยวกับ Espresso ก็ยังเป็นประโยชน์สำหรับบางแง่มุมของการทดสอบ Compose