How to Test Components – It Doesn’t Need to All Be E2E Tests

on YouTube ↗14m

" summary

Argues that full E2E is not required for every UI check and that component tests mounted in a real browser run faster and produce far less flake than sprawling E2E suites. Shows concrete tooling: mounting React/Vue or native web components and querying into shadow root DOM using Nightwatch.js or plain Selenium WebDriver locators, including navigation of open and closed shadow roots, so small, targeted assertions validate behavior without heavy framework weight.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and speaker background
2. 1:25What are components
3. 4:17How components are built
4. 7:04Web components and testing challenges
5. 9:33Testing web components with Selenium
6. 13:03Summary and closing remarks

" related talks

• 09mElemental Testing My Dear Watson - Unit Tests for UI ComponentsRavi Sawlani · React Nexus 2023
• 53mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · GeeCON 2019
• 38mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · Voxxed Days Frontend Bucharest 2019
• 30mTesting Front-End ApplicationsJakub Janczyk · FrontEnd Con 2018
• 55mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · NDC Minnesota 2019
• 19mImportance of testing & the right way to test React componentsManjula Dube · ReactFoo 2017
• 24mWriting Good Tests for Vue ApplicationsMarkus Oberlehner · Vue.js Live 2023
• 17mThe pragmatic front-end testerAdrià Fontcuberta · dotJS 2019