Jetpack Compose Academy · บทเรียน

การตรวจสอบและการดำเนินการ

ตรวจสอบสถานะและจำลองอินพุตของผู้ใช้

บทเรียน 2 จาก 413 ขั้นตอน

การตรวจสอบและการดำเนินการ เป็นบทเรียน Jetpack Compose Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Jetpack Compose Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Jetpack Compose Academy มีบทเรียนทั้งหมด 4 บทเรียน

ค้นหา แล้วตรวจสอบ

การค้นหาโหนดเป็นเพียงครึ่งหนึ่งของงานเท่านั้น หากต้องการพิสูจน์ว่า UI ทำงานถูกต้อง คุณต้องเพิ่ม การตรวจสอบยืนยัน เพื่อระบุสิ่งที่ควรเป็นจริงเกี่ยวกับโหนดนั้น ✅

assertIsDisplayed

การตรวจสอบยืนยันที่ใช้บ่อยที่สุดคือ assertIsDisplayed ซึ่งยืนยันว่าโหนดนั้นมองเห็นได้จริงสำหรับผู้ใช้ ไม่ใช่เพียงมีอยู่ในแผนผังเท่านั้น

composeTestRule.onNodeWithText("Welcome")
    .assertIsDisplayed()

assertExists เทียบกับ assertIsDisplayed

โปรดสังเกตความแตกต่าง: assertExists ตรวจสอบว่าโหนดอยู่ในแผนผัง ส่วน assertIsDisplayed จะตรวจสอบเพิ่มเติมว่าโหนดอยู่บนหน้าจอและไม่ถูกตัดออกไป

composeTestRule.onNodeWithText("Footer")
    .assertExists()

เชื่อมการตรวจสอบยืนยัน

คุณสามารถเชื่อมการตรวจสอบหลายรายการกับโหนดเดียวได้ แต่ละรายการจะส่งคืนโหนดเดิมอีกครั้ง ทำให้การทดสอบอ่านได้เหมือนประโยคที่ชัดเจนเกี่ยวกับ สถานะ UI ของคุณ

rule.onNodeWithText("Save")
    .assertIsDisplayed()
    .assertIsEnabled()

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

หากต้องการจำลองการแตะ ให้เรียกใช้ performClick กับโหนดที่ค้นพบ Compose จะส่งเหตุการณ์การคลิกแบบเดียวกับที่ผู้ใช้จริงเรียกใช้

composeTestRule.onNodeWithText("Add")
    .performClick()

พิมพ์ข้อความ

สำหรับช่องป้อนข้อมูล performTextInput จะพิมพ์อักขระลงในช่องที่มีโฟกัส ทำให้คุณทดสอบแบบฟอร์มได้เหมือนกับที่ผู้ใช้กรอกจริง

rule.onNodeWithText("Email")
    .performTextInput("a@b.com")

ดำเนินการ แล้วตรวจสอบยืนยัน

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

rule.onNodeWithText("+").performClick()
rule.onNodeWithText("Count: 1")
    .assertIsDisplayed()

ตรวจสอบแฟล็กสถานะ

นอกจากการมองเห็นแล้ว คุณยังตรวจสอบสวิตช์เปิดปิดได้ด้วย assertIsOn และ assertIsOff ซึ่งยืนยันสวิตช์และช่องทำเครื่องหมายว่ามีค่าตรงตามที่คาดไว้

rule.onNodeWithText("Notifications")
    .assertIsOff()

ตรวจสอบอย่างรวดเร็ว

คุณต้องการยืนยันว่าปุ่มอยู่บนหน้าจอจริง ไม่ใช่เพียงมีอยู่ในแผนผัง คุณควรใช้การตรวจสอบรายการใด

ตอบคำถามในบทเรียนแบบโต้ตอบ

ตรวจสอบจำนวน

เมื่อคุณดึงกลุ่มโหนดด้วย onAllNodes ให้ตรวจสอบจำนวนรายการที่ตรงกันด้วย assertCountEquals ซึ่งเหมาะอย่างยิ่งสำหรับตรวจสอบขนาดของรายการ

rule.onAllNodesWithText("Item")
    .assertCountEquals(3)

ล้างข้อมูลก่อนพิมพ์

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

rule.onNodeWithText("Name")
    .performTextClearance()

การทดสอบที่อ่านง่ายและน่าเชื่อถือ

การตรวจสอบยืนยันที่ดีควรอธิบายพฤติกรรม ไม่ใช่พิกเซล ตั้งเป้าให้การทดสอบอ่านได้เหมือนข้อกำหนด เพื่อให้ความล้มเหลวบอกได้ทันทีว่า พฤติกรรม ใดเสียหาย

สรุป: การดำเนินการและการตรวจสอบยืนยัน

คุณควบคุม UI ด้วยการดำเนินการ เช่น performClick และ performTextInput จากนั้นพิสูจน์ผลลัพธ์ด้วยการตรวจสอบ เช่น assertIsDisplayed นี่คือหัวใจของการทดสอบ UI 🎯

เริ่มต้นได้ฟรี

เรียนรู้ Kotlin ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส: 30
บทเรียน: 120

เริ่มเรียนฟรี ดูหลักสูตรเต็ม

คำถามที่พบบ่อย

บทเรียน “การตรวจสอบและการดำเนินการ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การตรวจสอบและการดำเนินการ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Jetpack Compose Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Jetpack Compose Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การตรวจสอบและการดำเนินการ”

ตรวจสอบสถานะและจำลองอินพุตของผู้ใช้ คุณปฏิบัติ Jetpack Compose Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Jetpack Compose Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Jetpack Compose Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “การตรวจสอบและการดำเนินการ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Jetpack Compose Academy นี้ได้ไหม

ได้ บทเรียน Jetpack Compose Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

← กลับไปที่ Jetpack Compose Academy