2. Playwright
• “Nieuw” tool voor Web testing
• ontwikkeld door Microsoft
• op basis van Javascript (node.js)
• clone van Puppeteer
• “Automate without trade-offs”
3. Playwright
• Ondersteuning voor browsers
• meegeleverd: Chrome, Egde (Chromium) en Webkit
• mobile testing: device emulation
• zowel headless als headed
• Snelle en betrouwbare testuitvoer
• auto-waiting bij elementen
• isolatie testuitvoer dmv context
• combinatie van locators (CSS, XPath) en strings
9. Browser Library
• Nieuwe web testing library o.b.v. Playwright
• node.js package (Microsoft)
• ‘Find real errors instead of fixing your
tests...’
• User comments:
• sneller (ca. 50%)
• minder code (simpelere keywords)
• minder false positives
10. Selenium vs. Browser Library
SeleniumLibrary
• Gebaseerd op Selenium
• Heeft losse browsers en
drivers nodig
• Een keyword doet een ding
goed
• Sleeps en wait until...
• Groter aantal browsers en
versies
Browser Library
• Gebaseerd op Playwright
• Heeft eigen browsers, geen
aparte drivers nodig
• Dynamische keywords met
built-in assertions en/of
polling
• Geen sleeps en wait
until...
• Beperkt aantal browsers en
versies
11. Browser Library – tech stack
• Naast Python
ook node.js
nodig
• Via gRPC van
Python naar
Javascript
• Devtools
protocol
12. Browser Library – concepten
• Browser
• bevat built-in binaries voor browsers
• kan één of meerdere contexten bevatten
• Context
• set van onafhankelijke incognito pagina’s
• delen van cookies, sessies en profiel
• Page
• bevat de daadwerkelijke content
• browserhistorie
13. Browser Library – browser control
Selenium
Library Open Browser
Browser New Browser New Context New Page
• Meer controle -> meer snelheid
• Automatic closing
14. Browser Library – selectors
• CSS (standaard)
• XPath
• alles wat start met // of ..
• Text
• ondersteunt RegEx -> tekst=/.*ello/
• Id
• Combinatie
• text=Hello >> xpath=../.. >> css=.select_button
15. Browser Library – implicit waiting
• Standaard waiting mechanisme
• standaard functionaliteit van Playwright
• wachten voor uitvoeren actie op elementen
• keywords falen pas na time-out
• Element moet klaar zijn voor interactie
• vindbaar in DOM
• visible
• stable
• enabled
• ...
16. Browser Library – waiting
• Wachten op assertions
• automatische retry en pas falen na time-out
• wachttijd instellen bij import
• Keywords voor wachten
• Wait Until Elements State
• Wait For Response
• Wait Until Network Is Idle
18. Browser Library – assertions
• Assertion engine
• alle assertions volgen dezelfde syntax (assertion
engine)
• automatische retry en pas falen na time-out
• Assertions zijn niet verplicht
• alle keywords retourneren, ongeacht assertion
• Browser lib. converteert geen types
• let op return type ->
integer (Get Element Count) vs. string (Get Text)
19. Browser Library – tips & tricks
• Default browser is headless
• GUI is mogelijk
20. Browser Library – tips & tricks
• Browser open houden na runnen script
• gebruik keyword ‘Pause Execution’ (dialog lib.)
• Presenter mode (enable_presenter_mode=True)
• optie bij import library
• slowMo en kleine pauze aan het einde
• automatisch highlighten elementen
21. Robocorp Recorder: een demo
• Chrome extensie
• fork van oudere Robotcorder
• opnemen webacties in RF format
• ondersteunt zowel SeleniumLibrary als Browser lib.
• Slechts bedoeld als eerste aanzet
22. Van Selenium naar Playwright?
• Niet in alle scenario’s raadzaam
• frequentie van uitvoer vs. stabiliteit omgeving
• TA code wordt niet/beperkt aangepast
• Bij Kadaster veel winst in
• doorlooptijd (ruim 50% sneller)
• leesbaarheid en onderhoudbaarheid van code
• mogelijkheid tot gebruik externe packages
23. Van Selenium naar Playwright!
• Eerste stap:
• ‘Oude’ keywords uitfaseren -> mapping keywords in
resource file
• meest simpele keywords 1:1
• Daarna:
• assertions herschrijven
• wait-until constructies vervangen
• code rondom headless draaien aanpassen (= standaard)
24. Meest gebruikte keywords
SeleniumLibrary
• Open Browser
• Go To
• Click Element
• Input Text /Password
• Get Text
• Get Element Count
• n/a
• Select From List By *
• Wait Until Element Is *
Browser Library
• New Page (Open Browser*)
• Go To
• Click
• Type Text /Secret
• Get Text
• Get Element Count
• Check Checkbox
• Select Options By
• Wait For Elements State
25. Browser Library - extensions
• Node.js biedt een veelvoud aan nieuwe
toepassingen binnen Robot Framework
• Voorbeelden in de praktijk:
• Pixelmatch(verificatie van afbeeldingen)
• Axe-Core (Digi-toegankelijkheid)
