Visual Unit Tests and Live Coding
summary
A Python workflow that combines a live coding plugin with fast visual unit tests actually lets code changes redraw plots instantly and drive UI tweaks at pixel level. Uses Matplotlib and PySide for rendering, a custom pixmap differ that produces actual/expected/diff images, and a tetromino crossword PDF generator as a concrete example that is iteratively tuned until image tests pass. Covers brittleness from fonts and anti‑aliasing and fixes like rounding, blurring, tolerances and deterministic text rendering.
AI-written summary · about
chapters (13)
- 0:00Visual unit tests intro
- 1:12Speaker and focus
- 2:48Exploring data live
- 8:12Live Matplotlib demo
- 11:32Unit tests lightning talk
- 15:49Live coding meets unit tests
- 18:44Visual tests in puzzle project
- 24:07Testing puzzle components
- 26:05Debugging puzzle code
- 29:20Testing puzzle layout
- 32:31Visual testing challenges
- 33:35Reducing visual test friction
- 36:00Closing remarks
related talks
30mVisual Testing with PyCharm and pytest
36mThe Swiss Army Knife of UI Software Testing, Accelerating Workflow-Based Automation
35mTesting: Choose Your Weapons
27mComponent-Driven Development & Visual Test Coverage
08mExample-driven development: bridging tests and documentation
34mENABLING CONTINUOUS DEPLOYMENT OF PIXEL-PERFECT USER INTERFACES
27mVisual UI Testing – Testing the Last Mile
34mI See What is Going on: Visual Testing for Your Components