Playwright version 1.32 มีปล่อย UI Mode มาให้ลองเล่นเป็นแบบ Preview version อยู่ สำหรับใครที่เคยใช้ Cypress มาก่อน UI Mode ก็จะมีความคล้ายคลึงกับ Visual Debugging ของ Cypress เลย
Playwright UI Mode เปรียบเสมือนการนำ Trace log report, Html report และ VS Code Test runner มารวมกัน เดี๋ยวเรามาดูจุดเด่นไปพร้อมกันเลย
Run Test
รองรับการรัน test case หรือ test suite ได้ตรงๆผ่าน UI Mode ตัวอย่างเช่น
- เลือกรันเฉพาะ test case
- เลือกรันแบบ test suite
- เลือกรีรันเฉพาะข้อที่ fail
- เลือก project ที่จะรันเทส กรณีเราแบ่งเป็น multi project
Real Time Trace Log Report
ก่อนหน้านี้ถ้าเราต้องการเช็คเทสเคสที่มีปัญหาจำเป็นต้องเช็คหลังจากเทสรันเสร็จแล้วผ่าน Trace Log / HTML Report ข้อเสียคือเราต้องรอนานและการทำงานไม่ไหลลื่น ซึ่งพอมาใช้ UI Mode การแสดงผล Trace log report จะเป็นแบบ Real time ไม่ต้องรอรันเทสเสร็จอีกต่อไป
เปิดใช้งาน UI Mode
การเปิดใช้งานทำได้ง่ายๆเพียงแค่เราอัพเดท Playwright เป็น version 1.32 และรันเทสโดยใช้ option –ui
npx playwright test --ui
โดยตอนนี้ UI Mode ยังไม่สามารถเปิดใช้งานผ่าน Visual studio code plugin ได้ตรงๆ ยังจำเป็นต้องทำการรันผ่าน command line เท่านั้น แต่คิดว่าหลังจากปรับจาก version preview เป็น release แล้วทาง Microsoft น่าจะต้องทำให้เราเปิดใช้งาน UI Mode ผ่าน VS Code ได้ตรงๆแน่นอน
สนใจเรียนรู้แบบเจาะลึก
Playwright Web Automated Test
เรียนรู้การทดสอบ Web Application ด้วย
Playwright และ TypeScript
