Archives

Ever had a wonky image ruin your perfect layout? Site images can get stretched or squashed by CSS and responsive containers, producing awkward visuals that slip past automated tests and manual checks alike. To solve this, I built a lightweight, browser-only Playwright helper that compares each image’s intrinsic dimensions with its actual display—accounting for borders and padding—without installing any extra packages. The result is lightning-fast, integrated checks in my regular test suite, so I catch subtle distortions early and keep every image rendering exactly as intended.

Automate panning and zooming in embedded Google Maps in Playwright with ease by driving the map’s own camera controls—no more wrestling with hidden APIs, unreliable synthetic drags, or silent no‑ops in page.evaluate(). In this post, you’ll discover a lightweight utility class that clicks the native “Zoom in/out” and “Move up/down/left/right” buttons just like a real user, ensuring rock‑solid, maintainable tests for your map interactions.

Testing forms with reCAPTCHA can be a challenging task since reCAPTCHA is designed to differentiate between humans and bots. In this guide, we will walk through how to solve and test reCAPTCHA forms using Playwright and a reCAPTCHA solving service, leveraging a reusable component class in TypeScript for clean and efficient implementation.