Playwright v1.59 — การอัปเดตที่ QA และ DevOps ทุกคนต้องรู้
ถ้าคุณทำงานด้าน automated testing หรือ E2E testing อยู่ วันนี้เป็นวันที่ต้องจดไว้ — Playwright v1.59.0 ออกมาแล้วเมื่อวันที่ 1 เมษายน 2026 และมันไม่ใช่แค่ patch update ธรรมดา
นี่คือ release ที่ใหญ่ที่สุดของ Playwright ในปี 2026 ด้วย Screencast API ที่เปลี่ยนวิธีที่เราบันทึกและวิเคราะห์ test ไปตลอดกาล Browser Dashboard ที่ให้คุณเห็นสถานะของทุก browser instance แบบ real-time และ CLI Debugger สำหรับ AI Agent ที่ทำให้ agentic testing กลายเป็นเรื่องจริง
มาดูกันว่ามีอะไรใหม่บ้าง และมันจะเปลี่ยนวิธีทำงานของทีมคุณอย่างไร
Screencast API — ฟีเจอร์เด่นที่สุดของ release นี้
นี่คือ headline feature ที่ทุกคนรอ — unified interface สำหรับการบันทึกหน้าจอ ที่ไม่ใช่แค่ถ่ายวิดีโอ แต่เป็นการ "เห็น" ทุกอย่างที่เกิดขึ้นบนหน้าเว็บ
สิ่งที่ Screencast API ทำได้
Video Recording แบบควบคุมได้ทุกจังหวะ
แทนที่จะบันทึกทั้ง test แล้วค่อยดู Screencast API ให้คุณ start/stop ได้ตรงจุดที่ต้องการ บันทึกเฉพาะช่วงที่สำคัญ ไม่ต้องเสียเวลาดูวิดีโอยาว 5 นาทีเพื่อหา bug 3 วินาที
Action Annotations — ไฮไลท์ element ที่ถูก interact
เมื่อ test คลิกปุ่มหรือพิมพ์ข้อความ Screencast จะ ไฮไลท์ element นั้นในวิดีโอ ให้เห็นชัดว่า test ทำอะไร ตรงไหน ในจังหวะไหน ไม่ต้องเดาอีกต่อไปว่า "test fail ที่ขั้นตอนไหน"
Visual Overlays — ใส่ข้อมูลเพิ่มในวิดีโอ
สามารถใส่ chapter titles, descriptions และ custom HTML ลงไปในวิดีโอได้ เหมาะมากสำหรับการทำ test documentation ที่คนอื่นดูแล้วเข้าใจได้ทันที
Real-time JPEG Frame Streaming — ออกแบบมาเพื่อ AI Vision
นี่คือส่วนที่น่าตื่นเต้นที่สุด — Screencast API สามารถ stream ภาพ JPEG แบบ real-time ผ่าน callback ทำให้ AI Agent สามารถ "มองเห็น" หน้าจอ และตัดสินใจได้แบบ real-time
ลองนึกภาพนี้: AI Agent กำลังทำ automated task บนเว็บ มันไม่ได้แค่อ่าน DOM แต่มัน เห็นหน้าจอเหมือนคนนั่งดู และสามารถตอบสนองต่อ visual changes ที่ DOM อาจไม่ได้บอก
Agentic Video Receipts
AI Agent สามารถบันทึกวิดีโอเป็น "ใบเสร็จ" ว่าทำงานอะไรเสร็จบ้าง — พร้อมหลักฐานว่า ทำถูกต้องจริงๆ ไม่ใช่แค่รายงานว่า "สำเร็จ" แต่มีวิดีโอยืนยัน
Browser Dashboard — เห็นทุก Browser Instance แบบ Real-time
ฟีเจอร์ใหม่ที่จะเปลี่ยนวิธีที่ทีม DevOps ดูแลระบบ testing
browser.bind() API
ก่อนหน้านี้ browser ที่ Playwright launch จะใช้ได้เฉพาะ process ที่สร้างมัน ตอนนี้ browser.bind() ทำให้ browser เดียวสามารถรับ connection จากหลาย client ได้พร้อมกัน — ไม่ว่าจะเป็น playwright-cli, @playwright/mcp หรือ tool อื่นๆ
Dashboard UI
เปิด Dashboard ขึ้นมาแล้วจะเห็น รายการ browser ทั้งหมด ที่กำลังทำงานอยู่ พร้อมสถานะ — กำลังรัน test ตัวไหน ใช้ resource เท่าไหร่ เชื่อมต่อจาก client ไหนบ้าง
สำหรับทีมที่รัน test ใน CI/CD pipeline สิ่งนี้คือ observability layer ที่ขาดมานาน
CLI Debugger สำหรับ AI Agent
Playwright v1.59 เข้าใจว่าอนาคตของ testing คือ agentic — AI Agent ที่รัน test, debug และแก้ไขได้เอง
debug=cli Mode
แทนที่จะเปิด GUI debugger แบบเดิม ตอนนี้สามารถ debug ผ่าน CLI ได้ — เหมาะสำหรับ AI Agent ที่ทำงานใน terminal ไม่มีหน้าจอ
playwright-cli attach
เชื่อมต่อเข้าไป debug session ที่กำลังรันอยู่ได้ทันที — ไม่ต้องรัน test ใหม่
Trace Analysis ผ่าน CLI
ชุดคำสั่ง npx playwright trace ใหม่ที่ให้คุณ วิเคราะห์ trace จาก terminal ได้เลย — filter actions, ดู snapshot, วิเคราะห์ failure ทั้งหมดโดยไม่ต้องเปิด Trace Viewer UI
API ใหม่กว่า 20 ตัว — สรุปแบบรวบรัด
นอกจาก Screencast API แล้ว ยังมี API ใหม่อีกเพียบ
Snapshot & Locator
- page.ariaSnapshot() — จับ ARIA snapshot ของทั้งหน้า
- locator.ariaSnapshot() — จับ ARIA snapshot เฉพาะ element พร้อม option ปรับ depth
- locator.normalize() — แปลง locator ให้เป็น best practice โดยอัตโนมัติ
- page.pickLocator() — เลือก locator แบบ interactive
Storage & Console
- browserContext.setStorageState() — ตั้งค่า storage state ได้ระหว่าง test
- page.clearConsoleMessages() — ล้าง console message
- page.clearPageErrors() — ล้าง page error
- consoleMessage.timestamp() — ดู timestamp ของแต่ละ message
Network & Response
- request.existingResponse() — ดู response ที่มีอยู่แล้วโดยไม่ต้อง wait
- response.httpVersion() — เช็ค HTTP version (HTTP/1.1 vs HTTP/2)
Tracing
- trace mode ใหม่: retain-on-failure-and-retries — เก็บ trace ของทั้ง pass และ fail run เพื่อเปรียบเทียบ
Async Disposable
- รองรับ await using syntax — resource cleanup อัตโนมัติ ไม่ต้อง try/finally
UI Mode & HTML Reporter — ปรับปรุงครั้งใหญ่
UI Mode
- Filter test ที่ได้รับผลกระทบจาก source change — เปลี่ยน code บรรทัดเดียว UI Mode จะบอกว่ามี test ไหนที่ต้องรันใหม่
- Action filtering — ค้นหา action เฉพาะใน test run ได้
HTML Reporter
- แสดง test run จาก worker เดียวกัน — เห็นภาพรวมว่า test ที่รันบน worker เดียวกันเป็นอย่างไร
- Filter test steps — ค้นหา step เฉพาะใน report ได้
- Timeline visualization — ดู timeline ของทุก test ใน merged report เห็น bottleneck ได้ทันที (feature นี้เริ่มจาก v1.58)
Breaking Changes — สิ่งที่ต้องระวังก่อนอัปเดต
ทุก major release มี breaking change — v1.59 มี 2 จุดที่ต้องรู้:
- เลิกรองรับ macOS 14 สำหรับ WebKit — ถ้าทีมยังใช้ macOS 14 สำหรับ Safari testing ต้องอัปเกรด OS ก่อน
- ลบ @playwright/experimental-ct-svelte — ถ้าใช้ component testing กับ Svelte ผ่าน package นี้ ต้องหาทางเลือกอื่น
Known Issue
มี issue ที่ navigator.platform emulation อาจทำให้ Ctrl/Meta key dispatch ผิดพลาด — แก้ได้ด้วยการตั้ง environment variable PLAYWRIGHT_NO_UA_PLATFORM='1'
Browser Versions ที่ทดสอบ
| Browser |
Version |
| Chromium |
147.0.7727.15 |
| Firefox |
148.0.2 |
| WebKit |
26.4 |
| Google Chrome |
146 |
| Microsoft Edge |
146 |
ย้อนดู v1.58 — ที่ปูทางมาก่อน
v1.59 ไม่ได้มาจากที่ไหน — v1.58 (23 มกราคม 2026) ปูทางไว้แล้วด้วย:
- Playwright CLI — token-efficient CLI mode สำหรับ coding agent
- Timeline ใน HTML Report — visualization ที่ช่วยหา bottleneck
- UI Mode ตาม OS theme — dark/light mode อัตโนมัติ
- ลบ legacy selectors —
_react, _vue, :light ถูกเอาออก เพื่อบังคับให้ใช้ locator แนวใหม่
สิ่งที่ release นี้บอกเราเกี่ยวกับอนาคตของ Testing
Playwright v1.59 ส่งสัญญาณชัดเจน 3 ข้อ:
1. Testing กำลังเข้าสู่ยุค Agentic
Screencast API, CLI Debugger, Browser Dashboard — ทุกอย่างออกแบบมาให้ AI Agent ทำ testing ได้เอง ไม่ใช่แค่ tool ให้คนใช้อีกต่อไป แต่เป็น infrastructure ให้ AI ทำงาน
2. Observability เป็น First-Class Citizen
การที่มี Dashboard, enhanced tracing, timeline visualization — บอกว่า Playwright ไม่ได้แค่ "รัน test" แต่กำลังกลายเป็น testing platform ที่ให้ visibility ครบทุกมิติ
3. Video/Visual คือ Interface ของ AI
Real-time JPEG streaming ใน Screencast API ไม่ใช่ feature สำหรับคน — มันสำหรับ AI Vision model ที่จะ "ดู" หน้าจอแล้วตัดสินใจ นี่คือก้าวสำคัญสู่ AI ที่ทำ QA ได้เหมือนคน
ควรอัปเดตเลยหรือรอ?
แนะนำให้อัปเดต — แต่ทำใน staging ก่อน
สิ่งที่ต้องตรวจ:
- ถ้าใช้ WebKit testing บน macOS 14 → ต้องอัปเกรด OS ก่อน
- ถ้าใช้
@playwright/experimental-ct-svelte → หาทางเลือกก่อน
- รัน test suite ทั้งหมดใน staging เพื่อเช็ค breaking change
สำหรับทีมที่ทำ agentic testing หรือกำลังสร้าง AI-powered QA workflow — v1.59 คือ must-upgrade เพราะ Screencast API เปิดความเป็นไปได้ใหม่ทั้งหมด
ทีมของคุณพร้อมสำหรับ Agentic Testing หรือยัง?
Playwright v1.59 เปิดประตูสู่ยุคใหม่ของ automated testing — แต่การมี tool ที่ดีไม่ได้หมายความว่าจะใช้ได้ผลทันที ต้องมี strategy, pipeline design และทีมที่เข้าใจ ว่าจะนำ AI มาช่วย testing อย่างไร
ถ้าอยากคุยว่าทีมของคุณจะ adopt agentic testing ได้อย่างไร หรือต้องการ วางระบบ E2E testing ที่ scale ได้ — ทีม Enersys พร้อมช่วย
ปรึกษาทีม Enersys
แหล่งข้อมูล
- Playwright Official Release Notes — v1.59
- Playwright v1.59.0 GitHub Release
- Playwright Screencast API Documentation
- Playwright v1.58.0 GitHub Release
- Playwright npm Package
