Playwright MCP: cho agent dùng trình duyệt bằng accessibility snapshot thay vì ảnh chụp
Tóm tắt
Playwright MCP cung cấp tool điều khiển trình duyệt qua accessibility tree: nhanh, rẻ token và ổn định hơn cách dựa vào screenshot. Thêm vào Claude Code bằng claude mcp add playwright npx @playwright/mcp@latest. Hợp cho test E2E, tái hiện bug, kiểm tra responsive.
Cờ hay dùng
| Cờ | Tác dụng |
|---|---|
--headless | Chạy không hiện cửa sổ (mặc định là có giao diện) |
--isolated | Profile trong bộ nhớ, không lưu xuống đĩa — chạy nhiều client song song |
--caps vision,pdf,devtools | Bật thêm khả năng: thao tác theo toạ độ, xuất PDF, devtools |
--snapshot-mode none | Không trả snapshot mỗi lần, tiết kiệm token |
Prompt mẫu cho QA
Mở http://localhost:3000, đăng ký bằng tài khoản test trong fixtures/users.json,
thêm 2 sản phẩm vào giỏ, kiểm tra tổng tiền. Nếu sai, chụp màn hình
và ghi bước tái hiện vào bug-report.md.Lưu ý
- Dùng cho môi trường dev/staging và tài khoản test; không đưa mật khẩu thật cho agent.
- Sau khi agent tìm ra luồng đúng, nhờ nó viết thành test Playwright cố định để chạy trong CI.
- Profile persistent chỉ một trình duyệt dùng được tại một thời điểm — chạy song song thì thêm
--isolated.
Repo: microsoft/playwright-mcp