From e8e2b3bad6738c7d0b156263d1308c2bacafb549 Mon Sep 17 00:00:00 2001 From: Sander Hautvast Date: Fri, 16 Feb 2024 15:24:07 +0100 Subject: [PATCH] Update playwright.md --- Testing/playwright.md | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/Testing/playwright.md b/Testing/playwright.md index 90ea739..9c7c12b 100644 --- a/Testing/playwright.md +++ b/Testing/playwright.md @@ -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_ 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 -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. -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. + +