ท้าทายฝีมือ QA: ทดสอบการแสดงผลหน้าจอพร้อมจำลอง API
เจาะลึกความท้าทายครั้งใหม่สำหรับสาย QA ในการทดสอบหน้าจอแดชบอร์ดที่มีข้อมูลเปลี่ยนทุกวันและการแสดงผลหลายภาษา

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
- การทดสอบการแสดงผลภาพช่วยตรวจสอบความถูกต้องของหน้าตาแอปพลิเคชัน
- โจทย์ท้าทายคือข้อมูลตัวเลขเปลี่ยนทุกวันและต้องรองรับหลากหลายภาษา
- มีแนวทางจัดการค่าไดนามิกสำหรับการทดสอบหน้าจอภาพ
- ต้องผสมผสานการทดสอบ API ควบคู่กันเพื่อให้มั่นใจว่าข้อมูลถูกต้อง
สายงานประกันคุณภาพหรือ QA ต้องเผชิญกับโจทย์ที่น่าสนใจเกี่ยวกับการทดสอบหน้าตาและการแสดงผลของระบบ ซึ่งมีเครื่องมือหลากหลายให้เลือกใช้งาน เช่น Applitools และ Percy แต่เฟรมเวิร์กอย่าง Playwright ก็มีฟีเจอร์นี้แถมมาให้ใช้งานได้ฟรีโดยไม่มีค่าใช้จ่ายเพิ่มเติม
ช่วงเวลาที่เหมาะสมที่สุดในการเริ่มทำวิชวลเทสต์คือตอนที่ส่วนติดต่อผู้ใช้งานหรือ UI มีความนิ่งและเสถียรแล้ว หากแดชบอร์ดหรือแผนียังคงมีการปรับเปลี่ยนโครงสร้างอยู่ตลอดเวลา ทีมงานจะต้องคอยอัปเดตภาพสแนปช็อตใหม่อยู่เสมอ ซึ่งอาจสร้างภาระงานโดยไม่จำเป็น

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง
สำหรับโจทย์ความท้าทายในครั้งนี้ คือการทดสอบความเสถียรของการแสดงผลหน้าจอแดชบอร์ดลูกหนี้การค้า หรือ Accounts Receivable แต่กลับพบอุปสรรคสำคัญ เนื่องจากตัวชี้วัดค่าเฉลี่ยจำนวนวันที่จ่ายเงินล่าช้าหรือ Average Days Late มีการเปลี่ยนแปลงทุกวันตามใบแจ้งหนี้และประวัติการชำระเงินจริง เช่น วันนี้อาจเป็น 12 วัน แต่วันถัดไปอาจขยับเป็น 13 วัน
การจัดการกับข้อมูลแบบไดนามิกหรือค่าที่เปลี่ยนแปลงตลอดเวลาถือเป็นความท้าทายคลาสสิกของการทำวิชวลเทสต์ เนื่องจากเครื่องมือเปรียบเทียบภาพมักจะมองว่าพิกเซลที่เปลี่ยนไปคือความผิดพลาด การใช้เทคนิคจำลองข้อมูลหรือ API Mocking จึงเข้ามามีบทบาทสำคัญในการตรึงค่าข้อมูลให้คงที่ระหว่างการรันชุดทดสอบ
นอกจากเรื่องตัวเลขที่เปลี่ยนไปแล้ว อีกหนึ่งโจทย์หินคือการรองรับภาษาที่หลากหลายถึง 4 ภาษา ได้แก่ ภาษาอังกฤษ สเปน เยอรมัน และญี่ปุ่น ซึ่งส่งผลให้ความยาวของข้อความหรือชื่อหัวข้อมีขนาดแตกต่างกันอย่างเห็นได้ชัดในแต่ละภาษา ทำให้ดีไซน์อาจล้นหรือตกหล่นได้ง่าย
นอกเหนือจากการทำวิชวลเทสต์แล้ว ผู้ทดสอบยังจำเป็นต้องทดสอบ API แบบไม่จำลองข้อมูลหรือไม่มี Mock เพื่อตรวจสอบให้แน่ใจว่าระบบหลังบ้านสามารถส่งข้อมูลที่ถูกต้องกลับมาได้จริง โดยมีเครื่องมือและลิงก์สำหรับฝึกฝนดังนี้:
- เว็บไซต์ตัวอย่างทดสอบระบบ
- ระบบความปลอดภัย API ผ่าน Scalar
- ระบบจัดการข้อมูล API ผ่าน Swagger
ที่มา: Dev.to
พบข้อมูลผิดพลาดในบทความนี้? แจ้งปัญหาบทความนี้
ความคิดเห็น
แสดงความคิดเห็น