Welcome to Playwright 101

1. 1

2. 2
Introduction Quickstart Features Should i use?

3. 3
Playwright
Node test framework which provides a
Single API to control Browsers likes
Chrome, Webkit, Firefox and more

4. 4
More
Popular Open Source Under Microsoft Multiple Languages

5. 5
async / await

6. 6
บอกลา Web Driver
Chrome Webdriver
Chrome DevTools Protocol

7. 7
การใช้งานร่วมกับ Library อื่น
npm install --save-dev xlsx

8. 8
Performance
Ref: https://blog.checklyhq.com/puppeteer-vs-selenium-vs-playwright-speed-comparison/

9. 9
QUICK START

10. 10
Quick Start
https://playwright.dev/

11. 11
FEATURES

12. 12
IDE

13. 13
UI Mode
npx playwright test --ui

14. 14
Auto-waiting
Login
Click

15. 15
Test Report

16. 16
Trace Log

17. 17
Mobile Web Testing

18. 18
Auto Retry

19. 19
SHOULD I USE PLAYWRIGHT ?

20. 20
START
เขียน
Typescript ได ้
Yes
Playwright
Robot
Framework
Selenium
No
คิดว่าศึกษา
Typescript ได ้
No
Yes
Dev ที่เขียน
Typescript สะดวกให ้
ปรึกษาไหม
No
QA ใน Project
พร ้อมศึกษา
Typescript ไหม
Yes
Yes
Typescript
Class & Method
No
อาจจะลอง Robot Framework ก่อน
แล ้ว Project ถัดไปค่อยดูว่า Playwright
มาแก ้ปัญหาที่เจอได ้หรือไม่

21. 21
Resources
● FB Group Playwright Thailand:
https://www.facebook.com/groups/playwright.thailand
● BLOG:
https://www.qahive.com/blog/category/playwright/
● Demo site:
https://web-demo.qahive.com/landing