Câu hỏi phỏng vấn #14: Cách debug test cases trong Playwright?
Trả lời mẫu:
Playwright cung cấp nhiều công cụ debug mạnh mẽ:
1. Playwright Inspector:
#Debug mode với UI
npx playwright test --debug #Debug specific test
npx playwright test example.spec.js --debug
2. VS Code Extension:
// Đặt breakpoint và debug trực tiếp trong VS Code
// Install: Playwright Test for VSCode
3. page.pause():
test('debug test', async ({ page }) => { await page.goto('/'); await page.pause(); // Pause execution here await page.click('#button');
});
4. Slow motion mode:
// Slow down execution
const browser = await chromium.launch({ headless: false, slowMo: 500 // milliseconds
});
5. Trace viewer:
#Record trace
npx playwright test --trace on #View trace
npx playwright show-trace trace.zip
6. Console logs:
page.on('console', msg => console.log(msg.text()));
page.on('pageerror', error => console.log(error));
💡 Tips:
- Use
--headedđể xem browser action - Trace viewer shows network, console, snapshots
PWDEBUG=1environment variable enables inspector- Combine với screenshots cho better debugging
Lời Kết
Playwright đang trở thành một trong những automation frameworks phổ biến nhất cho web testing. Thông qua series này, hy vọng bạn sẽ:
- Nắm vững kiến thức từ cơ bản đến nâng cao
- Tự tin trong các buổi phỏng vấn
- Áp dụng hiệu quả vào dự án thực tế
- Trở thành một phần của cộng đồng Playwright Việt Nam năng động
📚 Bắt đầu hành trình của bạn với: Bài 1: Playwright vs Selenium
💬 Có câu hỏi? Tham gia group Facebook của chúng mình!
⭐ Theo dõi series để không bỏ lỡ bài viết mới!