Test Semantics with Golden Tests
summary
Shows how to convert Flutter semantics into readable snapshot tests using the alchemist package, producing pixel+text golden images that surface accessibility structure. Demonstrates solving the infinite pump by overriding the pump duration, fixing unreadable overlays by setting a font family, and combining semantics debugger overlays with regular scenarios using an exclude semantics wrapper. Targets a real app that grew from 400,000 to 800,000 users and cites compliance pressure from the European Accessibility Act, and generates separate local and CI golden folders so results are shareable and automated.
AI-written summary · about
chapters (9)
- 0:00Testing semantics intro
- 2:31Visual tests for semantics
- 3:34Semantics in Flutter
- 5:25Golden tests overview
- 6:50Semantics tests with Alchemist
- 8:18Debugging semantics visually
- 10:27Semantics + golden tests
- 10:47Multiple semantic scenarios
- 12:55Key takeaways
related talks
35mFlutter's Golden Age
27mFrom Widget to World Making Flutter Apps Truly Inclusive
17mStop Treating Accessibility as an Afterthought: Concrete Steps to Build Inclusive Apps
31mAfterthought: Concrete Steps to Build Inclusive Apps
15mTesting that your app is accessible to all
32mLessons Learned from Adding Accessibility to a Flutter Web App
41mWriting better tests with less work
20mGlitter with Flutter