Category Archive Playwright

Playwright: เป็น test tools ที่ติดตั้งง่ายที่สุดเท่าที่เคยติดมาจริง ๆ แค่พิมพ์ไม่กี่ครั้ง ก็ install แล้ว test ครั้งแรกได้แค่นั้นเลย

1. เช็คความพร้อม (Prerequisites)
   เครื่องของคุณต้องลง Node.js ไว้แล้ว (แนะนำเวอร์ชั่น 14 ขึ้นไป) เช็คได้โดยพิมพ์ใน Terminal
   node -v
   (ถ้ายังไม่มี หรือเวอร์ชั่นเก่า ให้โหลดติดตั้งจาก nodejs.org ก่อนครับ)
2. ติดตั้ง Playwright (Command Line)
   เปิด Terminal (หรือ VS Code Terminal) เข้าไปที่โฟลเดอร์โปรเจกต์ที่คุณต้องการเก็บ Test Script แล้วพิมพ์คำสั่ง:
   npm init playwright@latest
   ระบบจะถามคำถามตั้งค่าเบื้องต้น ให้ตอบตามนี้ครับ
   1. Do you want to use TypeScript or JavaScript?
      แนะนำ TypeScript (เพราะ Code แข็งแรงกว่า สมัยนี้แล้ว)
   2. Where to put your end-to-end tests?
      กด Enter (ใช้ค่า default คือ tests)
   3. Add a GitHub Actions workflow?
      กด y (หรือ n ถ้ายังไม่ใช้ CI/CD)
   4. Install Playwright browsers?
      กด y (สำคัญมาก มันจะโหลด Browser สำหรับ Test มาให้)
3. ลองรัน Test แรก
   เมื่อติดตั้งเสร็จ มันจะสร้างไฟล์ตัวอย่างมาให้ในโฟลเดอร์ tests/example.spec.ts ให้ลองรันเพื่อเช็คว่าติดตั้งสมบูรณ์ไหม
   npx playwright test
   ถ้าสำเร็จ คุณจะเห็น Log สีเขียวว่า Passed. ถ้าต้องการดู Report สวยๆ ให้พิมพ์
   npx playwright show-report
   

ไม่ถึง 5 นาทีก็ติดตั้ง Playwright ได้แล้ว