Dev Tools · 3h ago
Automated Product Demos: Playwright + State Machine, No Human Needed
A developer built a system that records product demos using Playwright and a state machine, replacing fixed timeouts with DOM settle detection. The approach uses MutationObservers and network idle checks to determine when a page is ready, avoiding dead air or half-loaded captures. The technique ensures demos look hand-driven even on varying network and machine conditions.
Meridian48 take
The real innovation isn't the automation but the settle-detection logic—a practical fix for a common flakiness problem in browser automation that many teams will find useful.
playwrightbrowser-automation