Update playwright.md

This commit is contained in:
Sander Hautvast 2024-02-16 15:24:07 +01:00 committed by GitHub
parent 292b52739a
commit e8e2b3bad6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -8,6 +8,16 @@ Hét grote verschil is niet de taal zelf maar de tooling en de documentatie erom
in je pipelines, maar (2) ook headed, dan zie je (zoals altijd met dit soort tooling) de browserschermen automatische voorbijschieten, én (3) een _UI_ in je pipelines, maar (2) ook headed, dan zie je (zoals altijd met dit soort tooling) de browserschermen automatische voorbijschieten, én (3) een _UI_
modus. Dit opent een window waarin je individuele tests af kunt trappen, en je ziet als in een video editing tool de individuele frames naast elkaar staan, modus. Dit opent een window waarin je individuele tests af kunt trappen, en je ziet als in een video editing tool de individuele frames naast elkaar staan,
wat je de mogelijkheid geeft heen en weer in de tijd te gaan. En dan krijg je meer dan alleen een screenshot, je krijgt de pagina zelf (!) en daarbinnen wat je de mogelijkheid geeft heen en weer in de tijd te gaan. En dan krijg je meer dan alleen een screenshot, je krijgt de pagina zelf (!) en daarbinnen
de mogelijkheid _locators_ uit te proberen. de mogelijkheid _locators_ uit te proberen. Een locator is de query op de DOM. Wat je gebruikt om een click op de button te krijgen.
De workflow is daarmee zó veel lekkerder dan met andere tools. Daar ben je steeds aan het wijzigen, en dan moet je maar hopen dat de volgende testrun slaagt. De workflow is daarmee zó veel lekkerder dan met andere tools. Daar ben je steeds aan het wijzigen, en dan moet je maar hopen dat de volgende testrun slaagt.
Ik voeg in intellij een nieuwe test toe (typescript). Die verschijnt automatisch in de nog draaiende UI en ik trap hem af. Ik voeg in intellij een nieuwe test toe (typescript). Die verschijnt automatisch in de nog draaiende UI en ik trap hem af. Negen van de tien keer weet ik (dankzij
de ondersteuning bij het definieren van de locators. En als het niet goed is, zie je doorgaans meteen wat er aan de hand is.
Geen gedoen met shadow DOM! Nou ja in elk geval zo lang je geen xpath gebruikt.
```tyepscript
await clickByRole(page, 'button', 'Volgende');
```
En dan maakt het dus niet uit of die in een shadowroot resideert. Daar prikt playwright doorheen.