ภาคผนวก

แนวคิดและข้อมูลเพิ่มเติมที่อาจช่วยคุณในการพัฒนาการทดสอบมีดังนี้

Vitest เป็นผู้ทำการทดสอบและเฟรมเวิร์กที่ได้รับความนิยมเพิ่มขึ้นเรื่อยๆ หลักสูตรนี้จะใช้เฟรมเวิร์กดังกล่าวเมื่อต้องการตัวอย่างที่เฉพาะเจาะจง แต่ตัวอย่างส่วนใหญ่ที่รวมอยู่นั้นเป็นแบบทั่วไปและใช้ได้กับเฟรมเวิร์กใดก็ตามที่คุณเลือก

รันเนอร์หรือเฟรมเวิร์กทดสอบส่วนใหญ่มักจะมีสิ่งที่เหมือนกันมาก และหลักสูตรนี้จะมีประโยชน์ไม่ว่าคุณจะเลือกสแต็กใดก็ตาม เราเลือกที่จะมุ่งเน้นที่ Vitest ด้วยเหตุผลหลายประการ ดังนี้

  • มีความทันสมัยและแทบไม่ต้องตั้งค่าหรือกำหนดค่าเลย ซึ่งต่างจากตัวดำเนินการทดสอบอื่นๆ แม้ว่าจะสร้างบนเครื่องมือสร้าง Vite แต่ Vitest จะยังคงทำงานกับโปรเจ็กต์ที่มีอยู่ได้

  • และยังรองรับการทำงานกับโมดูล EcmaScript (ESM) และจำลองการนำเข้าทั้งหมดอีกด้วย แม้ว่าจะมีข้อควรระวังบางอย่าง แต่เครื่องมือนี้มีความเสถียรมากกว่าเครื่องมืออื่นๆ

ที่สำคัญที่สุดคือ Jest มี API ที่เข้ากันได้กับ Jest เกือบทั้งหมด ซึ่งอาจเป็นรันเนอร์ที่ได้รับความนิยมมากที่สุด แต่อย่าลืมว่าวิธีจัดโครงสร้างและจัดกลุ่มการทดสอบมักจะคล้ายกันไม่ว่าจะใช้เฟรมเวิร์กใดก็ตาม ฟีเจอร์ขั้นสูงมากขึ้น เช่น คู่ทดสอบที่ซับซ้อน มักจะมีความคลาดเคลื่อนมากกว่า หลักสูตรนี้ใช้ Vitest เพื่ออธิบายปัญหา แต่ก็จะอธิบายวิธีแก้ปัญหาทั่วไปด้วยเสมอ

แสดงความรู้สึกเป็นโมเดลคอมโพเนนต์

แม้ว่าหลักสูตรนี้จะแสดงตัวอย่างโค้ดทั่วไปที่ทดสอบ JavaScript ธรรมดา เช่น ฟังก์ชันทางคณิตศาสตร์ แต่ก็จะเข้าสู่การทดสอบคอมโพเนนต์ React อย่างรวดเร็ว จากนั้นจึงรวม Web Components โดยทั่วไปและการใช้ Lit ในภายหลัง หลักสูตรนี้ยังใช้ Next.js ด้วย

ตัวเลือกนี้เป็นตัวเลือกที่ใช้งานได้จริง แม้จะมีเสียงวิจารณ์ แต่ React ก็เป็นเฟรมเวิร์กที่มีการใช้งานมากที่สุดของผู้เข้าร่วมแบบสํารวจสถานะของ JS