Black November: elke cursus en elk Teams-plan voor de laagste prijs van het jaar met code BLACKFRIDAY, t/m 30 november. Bekijk de deal

CSS Selectors for Test Automation

€19.00 37 Lessen Oefeningen
CSS Selectors for Test Automation online course

Over deze cursus

Een CSS-selector is een korte expressie die naar een of meer elementen op een pagina wijst op tag, id, class, attribuut of relatie. In testautomatisering is het meestal de eerste keuze om elementen te vinden, omdat het snel is en prettig leest. Deze cursus leert je CSS-selectors om elementen betrouwbaar te vinden, met live oefening op elke selector.

Veelgebruikte CSS-selectors

Selector Matcht
.btn-primary elk element met class btn-primary
#checkout het element met id checkout
input[type='email'] email-inputs
nav > a links die directe kinderen van nav zijn
li:nth-child(2) het tweede lijstitem
[data-test='submit'] het element dat voor tests gemarkeerd is

Een kort voorbeeld

/* Een stabiele hook bedoeld voor tests, niet voor styling */
[data-test='add-to-cart']

De cursus behandelt combinators, pseudo-classes, en hoe je selectors kiest die een redesign overleven, allemaal met directe feedback.

Cursus Inhoud

0 Getting Started
1 les 3 min
37 lessen Totaal 1h 11 min totale duur

Over je trainer

Roy de Kleijn, Testsmith instructor

Roy de Kleijn · Trainer softwaretesten

Roy de Kleijn heeft meer dan 15 jaar praktijkervaring in software testing en testautomatisering. Hij schrijft en onderhoudt elke Testsmith-cursus, zodat wat je oefent aansluit op hoe het werk echt gedaan wordt.

Verbind op LinkedIn
Log in om je in te schrijven

Nog geen account? Registreer

Wat je krijgt

  • 37 uitgebreide lessen
  • Leer op je eigen tempo
  • Interactieve oefeningen
  • Volg je voortgang
Veelgestelde Vragen
Versie 1.0.0

Vragen?

Neem contact met ons op als je vragen hebt over deze cursus.

Neem contact op

Veelgestelde vragen

Gebruik vierkante haken, bijvoorbeeld input[type='email'] matcht email-inputs. Je kunt een exacte waarde matchen, een prefix met ^=, of een deel met *=. Voor testautomatisering is een aparte hook zoals [data-test='submit'] het stabielste doel, want die verandert niet als de styling verandert.

Een spatie, zoals in nav a, matcht een link waar dan ook binnen nav. Een groter-dan-teken, zoals in nav > a, matcht alleen links die directe kinderen van nav zijn. De child-combinator is strakker, dus die helpt als een lossere match elementen zou oppakken die je niet bedoelde.

Selectors die aan doel gekoppeld zijn gaan langer mee dan selectors die aan uiterlijk hangen. Een data-attribuut dat voor testen is toegevoegd, of een stabiele id, overleeft een redesign. Lange ketens van classes en nth-child-posities breken juist snel. De cursus laat zien hoe je selectors kiest die standhouden als de pagina verandert.

Ja. Je krijgt video's, quizzen en hands-on labs, en je werkt ze in je eigen tempo door, zonder vaste planning.

Nee. De hands-on labs van deze cursus draaien in je browser, dus je kunt meteen aan de slag zonder lokale installatie.

Ja. Je ontvangt een certificaat van afronding zodra je de cursus hebt voltooid.

Softwaretesters en QA-engineers die praktische, direct toepasbare vaardigheden willen, van de basis tot een echt project.

XPath: Locate Elements Using XPath

Leer XPath voor testautomatisering. Vind elk element op structuur, tekst of attribuut, met assen en functies u...

Playwright with TypeScript

Playwright training with TypeScript, self-paced and online. Locators, auto-waiting, page objects, API and UI t...

JavaScript & TypeScript for Testers

Learn JavaScript and TypeScript for test automation. The types, async, and tooling that Playwright and Cypress...