I recently founded qaas.work, a company that helps small teams without automation expertise. We get embedded with a client’s team to set up automation frameworks, CI/CD flows, and reporting from scratch. Once the client's team is comfortable and up to speed, we step back. This approach helps smaller companies get robust automation without the high cost of a full-time engineer.

In my work, I've constantly seen a huge time sink: debugging flaky tests caused by changes in the UI. Automation teams waste countless hours manually inspecting HTML to figure out why a locator broke.

That's why I built this Chrome extension. It’s a simple, visual tool to quickly capture and compare HTML structures, making it easy to find what’s causing test failures.

Here are the main features:

Side-by-Side Compare: Get a clear view of the old and new HTML structures in a separate window to pinpoint exactly what changed.

Merged Compare: See the updated structure directly on the webpage for a more streamlined view of the changes.

Manage Baselines: Keep track of all your captured HTML baselines in one place, with the ability to view and delete them as needed.

My goal is to help you debug tests faster and keep your automation pipelines running smoothly, which is a key challenge for every team I've worked with.

You can try it out directly from the Chrome Web Store: [https://chromewebstore.google.com/detail/html-capture-compar...]

I’d really appreciate any thoughts or feedback from the community. If you’ve dealt with this problem before, I'd love to know what other features would be helpful!