https://blog.kestrelsnest.social/tags/playwright/ Recent content in Playwright on Kestrel's Nest Hugo en-us Sat, 18 Jul 2026 09:00:00 -0400 https://blog.kestrelsnest.social/posts/2026-07-18-your-test-suite-is-a-video-studio/ Sat, 18 Jul 2026 09:00:00 -0400 https://blog.kestrelsnest.social/posts/2026-07-18-your-test-suite-is-a-video-studio/ <div class="callout callout-info"> <div class="callout-title"> <span class="callout-icon">ℹ️</span> <span>TL;DR</span> </div> <div class="callout-content"> The technical companion to <a href="https://blog.kestrelsnest.social/posts/2026-07-18-a-ghost-hand-and-an-audience-of-one/">part one</a>. If your web app has a Playwright end-to-end suite, you already own most of a training-video studio. This post walks through what it takes to turn one into the other: a small helper vocabulary, an injected overlay, honest fixtures, and a build pipeline, with the lessons I picked up at each step. </div> </div> <p>Part one told the story; this post is the how. The pitch, one more time for the people who came straight here: I generate silent, captioned training videos for two web applications by driving them with browser automation, and when an interface changes I rebuild the affected videos with one command. If you want to see the output first, the two libraries live at <a href="https://locallygrown.net/docs/videos">locallygrown.net/docs/videos</a> and <a href="https://refreshingspaces.life/help/videos">refreshingspaces.life/help/videos</a>. Everything below is what you&rsquo;d need to know to do the same for your own project.</p>