ปกติในการทำ API testing ด้วย JavaScript และ NodeJS นั้นมักจะใช้งาน library ต่าง ๆ เช่น Jest และ SuperTestรวมไปถึง library/framework อื่น ๆ เช่น cypress และ playwrightแต่ก็มีอีกตังที่น่าสนใจคือ Vitestที่เพิ่งปล่อย version 1 ออกมาเมื่อเดือนที่ผ่านมาซึ่งเบื้องหลังการทำงานคือ Vite ที่เร็วมาก ๆดังนั้นมาลองใช้งานเล่น ๆ กันดู
คำถามจากการแบ่งปันเรื่องการพัฒนาระบบงานด้วย Dockerหนึ่งในคำถามที่น่าสนใจจาก Frontenf developer คือในการพัฒนาระบบด้วย Vite + ReactJS นั้นจะทำให้ dev พัฒนาได้สะดวกอย่างไรยิ่งเรื่องของ Hot Reload ก็อยากให้ใช้ได้ด้วยดังนั้นจึงมีคำแนะนำดังนี้
ปัญหาที่เจอ ในการทดสอบ component testing ด้วย Cypressโดยสิ่งที่ใช้งานประบกอบไปด้วย Vite + ReactJS + TypeScript มีใช้งาน styled component !! เมื่อสร้างและ run component testing จะเจอปัญหาดังรูป
จาก blog เรื่องสวัสดี Vite แปลว่า เร็ว อ่านว่า วิท (vit)ในตอนนี้ได้ออก version 0.12.0 มาแล้วซึ่งได้นำ esbuild เข้ามาใช้สำหรับการแปลง TypeScript รวมไปถึง JSX และ TSX มาเป็น JavaScript codeแน่นอนว่า esbuild มันทำงานเร็วมาก ๆ
Vite คือ No-Bundle Dev Server สำหรับ Single File Component นั่นคือไม่ต้องการ webpack อีกต่อไป แน่นอนว่าทำงานเร็วมาก ๆ และอาจจะนำมาใส่ใน Vue 3 เลยทีเดียว แต่ project นี้ยังเป็นเพียง experiment หรือทดลองเท่านั้น ไม่เหมาะกับการนำไปใช้บน production นะ มาลองเล่นกันหน่อย