Playwright 1.56 นั้นปล่อยความสามารถใหม่
ชื่อว่า Playwright Agents หรือ Test Agents
โดยเป็น Agent ที่สามารถทำงานต่าง ๆ ได้ดังนี้
- Generate test plan
- สร้าง test script ต่าง ๆ จาก test plan
- ทำการ debug และแก้ไข test ที่ fail ให้แบบอัตโนมัติ
หรือตามแนวคิดของ Agent เลยคือ Planner -> Generator -> Healer
ดังนั้นมาลองใช้งานกันดู
เริ่มด้วยการติดตั้ง
สามารถใช้งานได้กับ VS code, Claude Code และ OpenCode
โดยจะทำการสร้างไฟล์ต่าง ๆ เข้ามาให้ใช้งาน
พร้อยด้วย MCP Playwright ให้อีกด้วย
จากนั้นใน VS Code ผมใช้งาน GitHub Copilot Chat
จะเพิ่ม mode planner, generator และ healer เข้า ดังรูป
ตัวอย่างของการใช้งาน Planner และ Generator แบบง่าย ๆ
โดยให้ทำการสร้าง plan ใน ไฟล์ markdown ใน folder specs
ซึ่ง input ของการ planner นั้น สามารถระบุได้หลายแบบ เช่น
- เขียน prompt เพื่ออธิบายสิ่งที่ต้องการ
- ใช้งานผ่าน seed test เพื่อให้ทำการ interact กับระบบที่จะทดสอบโดยตรง
- สามารถเขียนไฟล์ PRD (Product Requirement Document) เพื่ออธิบายถึงสิ่งที่ต้องการ
ในการทำงานจะทำการ run seed test ขึ้นมา
โดยเราสามารถ navigate ไปยัง URL ต่าง ๆ ที่ต้องการทดสอบ
จะช่วยให้ Agent เข้าใจ element ต่าง ๆ ในหน้า web ต่าง ๆ
เพื่อให้ลองทำ exploratory test อีกทางหนึ่ง
จากนั้นจะทำการเรียกใช้งาน Playwright MCP ให้เองแบบอัตโนมัติ
เพื่อสร้าง test plan ต่าง ๆ ขึ้นมาให้
จากนั้นทำการ generate test script ตาม plan ดังนี้
ในการ generate test script มีคำแนะนำตาม best practice ให้ด้วย
จากนั้นถ้า test case ต่าง ๆ เมื่อทดสอบแล้ว ไม่ผ่าน
สามารถใช้ mode healer ในการแนะนำเพื่อแก้ไข test case ให้ผ่านอีกด้วย
ตัวอย่างของ test script ที่ generate มาให้
เป็นอีกหนึ่ง feature ที่น่าสนใจมาก ๆ
ลองใช้งานกันดู
Download หรือ update กันมาลองใช้ได้แล้ว
สามารถดูเพิ่มเติมได้ที่
Playwright v1.56: From MCP to Playwright Agents
ปล. การ setup และ download ของ Playwright ใน 2025/10/09 ช้ามาก ๆ
