PubTrivia เผยชุดทดสอบ Next.js ไร้ DOM รัน 266 เทสต์ใน 603 มิลลิวินาที

แอปพลิเคชัน Next.js ที่ชื่อว่า PubTrivia ซึ่งประกอบด้วยไฟล์ .tsx จำนวน 201 ไฟล์ และ 52 ไฟล์ในนั้นเป็น client components ได้เผยแพร่แนวทางการเขียนชุดทดสอบ (Test suite) ที่แหวกแนว โดยไม่มีการใช้งาน browser-like environment ใดๆ ทั้งสิ้น ไม่ว่าจะเป็น jsdom, happy-dom หรือ Testing Library ซึ่งสามารถตรวจสอบได้จากไฟล์ package.json ว่าไม่มีการติดตั้งไลบรารีเหล่านี้เลย

การตั้งค่าระบบทดสอบมีความยาวเพียง 11 บรรทัดเท่านั้น และจากผลลัพธ์ของ vitest list พบว่าชุดทดสอบประกอบด้วย 266 เทสต์ จาก 16 ไฟล์ รวม 3,201 บรรทัด โดยมีเพียง 13 เทสต์ที่ต้องใช้ฐานข้อมูล ส่วนที่เหลืออีก 253 เทสต์ไม่ต้องพึ่งพาข้อมูลใดๆ ทั้งสิ้น ผลลัพธ์การรันระบุว่า Test Files ผ่านทั้งหมด 15 ไฟล์ และ Tests ผ่าน 253 เทสต์ ใช้เวลาดำเนินการเพียง 603 มิลลิวินาที

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง

ในบรรดาไฟล์ทั้งหมด มี 4 ไฟล์ที่เรียกใช้งาน vi.mock ขณะที่อีก 12 ไฟล์ไม่มีการจำลองข้อมูลใดๆ เนื่องจากไม่มีความจำเป็นต้องจำลอง โดยทำการอิมพอร์ตโมดูลมาเรียกใช้โดยตรง ไฟล์ที่น่าสนใจคือ pricing/price-copy.test.ts ซึ่งทดสอบ React component จริงโดยอาศัย server renderer เนื่องจากไม่มี DOM

"The limits are real. Nothing here can click. No test in this repository has ever fired an event, checked a focus ring, or asserted that a dialog closes."

Daniel Pertu

ข้อจำกัดเหล่านี้เกิดขึ้นโดยเจตนา เนื่องจากไม่มีเทสต์ใดในrepository ที่เคยจำลองการคลิก ตรวจสอบ focus ring หรือยืนยันว่า dialog ปิดลงหรือไม่ สำหรับระบบที่ต้องปกป้องข้อมูลทางการเงินและ metadata ถือเป็นการตัดสินใจแลกเปลี่ยนที่ยอมรับได้ แต่ควรตระหนักถึงข้อจำกัดเหล่านี้ตั้งแต่วันนี้แทนที่จะไปพบปัญหาภายหลัง