8 грудня відбувся Online TechTalk на тему “Playwright — A New Hope” від Ярослава Пернеровського (Consultant, Quality Assurance, GlobalLogic). Говорили на такі теми: - Чому потрібні нові інструменти в автоматизації і чи дійсно гегемонія Selenium WebDriver під загрозою; - Що таке і як працює Playwright, переваги та недоліки в порівнянні з прямими конкурентами; - Killing Features інструменту — чому вони вам потрібні; - Швидкий старт і практичне використання. Відео та деталі заходу: https://bit.ly/32hYp2p

1. 1

2. 2
2
About
Yaroslav Pernerovskyy
Quality Assurance Consultant
y.pernerovskyy@globallogic.com

3. 3
3
Playwright - a new hope
Yaroslav pernerovskyy 2021

4. 4
4
What will we learn today
- How Web Browsers works
- How different Automation Tools interacts with Browsers
- What is Project Playwright
- Killing features of Playwright
- Take a look on Live Demo

5. 5
5
Web Browsers

6. 6
6
Web Browsers

7. 7
7
Web Browsers
Chromium
WebKit
Gecko
Trident
EdgeHTML

8. 8
8
Web Browsers
https://gs.statcounter.com/browser-market-share/desktop-mobile/worldwide/#monthly-202110-202111-bar

9. 9
9
Web Browsers
https://gs.statcounter.com/browser-market-share/desktop-mobile/worldwide/#monthly-200901-202111

10. 10
10
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers

11. 11
11
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
“ in-process ”
web automation

12. 12
12
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
“out-of-process”
web automation
CDP

13. 13
13
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
“out-of-process”
web automation
CDP
CDP

14. 14
14
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
“out-of-process”
web automation
CDP
CDP

15. 15
15
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
CDP
CDP
ChromeDriver
Selenium
client
W3C WebDriver
Http
Web Sockets

16. 16
16
Chromium App
Browser Process
Security
Location
Input
Network Process
Service Worker
Process
Service Worker
Process
Render Process Render Process
JavaScript JavaScript
Workers Workers
CDP
Playwright

17. 17
17
Cross Browser
Playwright

18. 18
18
Playwright project
WebKit/Chromium/Gecko Browsers
Browser’s automation
protocols
NodeJS Playwright
library
Test
Runner
Java, .NET, Python clients
https://playwright.dev/

19. 19
19
Polyglot libraries
- .Net (https://playwright.dev/dotnet/)
- Python (https://playwright.dev/python/)
- Java (https://playwright.dev/java/)
- JavaScript/TypeScript (https://playwright.dev/)

20. 20
20
Easy, Fast and Reliable CI/CD
- Can run on Linux Servers
- Has Headless and Headed modes
- Can connect to cloud providers

21. 21
21
Auto Waiting
https://playwright.dev/docs/actionability/

22. 22
22
Speed and Tests Isolation
- Browser Context
- No need to restart browser
- Parallelization out of the box

23. 23
23
Bootstrap and Code Generation
- Code Generator
- Build-in Inspector
- Project Bootstrapping
- Code Export
Demo Time
npm init playwright
npx playwright test
npx playwright test --debug
npx playwright codegen --output tests/mytest.spec.ts

24. 24
24
Playwright Tracing
- Playwright actions
- Playwright events
- Screencast
- Network Log
- Console Log
- Snapshots
- Trace Viewer
Demo Time
trace: 'retain-on-failure'
npx playwright show-trace ~/playwright-demo/test-results/google-test-chromium/trace.zip

25. 25
25
Other Cool Features
- Mobile View
- TimeZone/Locale/Color Schemes
- HTTP Proxy
- API Testing and Network interception
- Locators API
- Shadow DOM
- File Uploads and Downloads
- Video Recording and screenshots
- ...

26. 26
26
Links
- https://playwright.dev/
- https://github.com/microsoft/playwright
- https://aka.ms/playwright/slack
- https://aka.ms/playwright/twitter
- https://aka.ms/playwright/youtube

27. 27
27
Thank You