Shifting left your UI tests
summary
Mendix’s Web IDE is a TypeScript React SPA that originally relied on WebDriverIO Selenium tests — a few hundred UI tests take about half an hour and cause flakiness and slow feedback. Tests move left: simple rules (like integer validation) become unit tests, most UI interactions become fast component tests with Enzyme and jsdom running in ~62 ms vs ~20 s in a browser, and selective end-to-end Selenium remains for cross-browser and CSS/interaction checks; snapshots and visual diffs close gaps.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:00Mendix UI testing challenges
- 5:53Excessive UI tests problems
- 7:03Shifting left to component level
- 8:14Component testing benefits in React
- 10:51Live demo: button component test
- 13:29Dialog component error testing
- 17:03Snapshots for assertions
- 21:52When to use Selenium
- 23:21Visual regression with screenshots
- 29:15Iterating like Bob Ross
- 30:47Q&A
related talks
53mModern Web Testing: Going Beyond Selenium
39mMastering UI tests
55mModern Web Testing: Going Beyond Selenium
51mUI tests are dead, long live UI tests!
01h 28mShift-Left Testing
21mThe Web has evolved. Has your testing evolved too?
38mModern Web Testing: Going Beyond Selenium
34mEnd to end testing a world of web, mobile & desktop apps