展示 HN：HTML Capture Compare – 用于调试不稳定测试的 Chrome 扩展程序
嗨，Hacker News！我很高兴与大家分享我的第一个产品发布——HTML Capture Compare。这也是我第一次在Hacker News上发帖，非常感谢大家的反馈。
我最近创办了qaas.work，这是一家帮助没有自动化专业知识的小团队的公司。我们会与客户的团队紧密合作，从零开始建立自动化框架、持续集成/持续交付（CI/CD）流程和报告。一旦客户的团队熟悉并掌握了这些内容，我们就会退后一步。这种方法帮助小公司在没有全职工程师高昂成本的情况下，获得强大的自动化支持。
在我的工作中，我不断发现一个巨大的时间消耗：由于用户界面（UI）变化导致的不稳定测试的调试。自动化团队在手动检查HTML以找出定位器为何失效上浪费了无数小时。
这就是我开发这个Chrome扩展的原因。它是一个简单的可视化工具，可以快速捕捉和比较HTML结构，轻松找出导致测试失败的原因。
以下是主要功能：
- 并排比较：在一个单独的窗口中清晰查看旧的和新的HTML结构，准确定位变化之处。
- 合并比较：在网页上直接查看更新后的结构，以更流畅的方式了解变化。
- 管理基线：在一个地方跟踪所有捕获的HTML基线，并能够根据需要查看和删除它们。
我的目标是帮助您更快地调试测试，并保持自动化管道的顺畅运行，这是我与每个团队合作时面临的关键挑战。
您可以直接从Chrome网上应用店试用它：[https://chromewebstore.google.com/detail/html-capture-compare/hepcfklepddedgodpgbcijlmkhkbiond](https://chromewebstore.google.com/detail/html-capture-compare/hepcfklepddedgodpgbcijlmkhkbiond)
我非常希望能听到社区的任何想法或反馈。如果您以前遇到过这个问题，我也很想知道还有哪些其他功能会对您有帮助！
查看原文
Hi HN! I’m excited to share my first product launch, HTML Capture Compare. This is also my first time posting on Hacker News, so thank you for any feedback you might have.<p>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.<p>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.<p>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.<p>Here are the main features:<p>Side-by-Side Compare: Get a clear view of the old and new HTML structures in a separate window to pinpoint exactly what changed.<p>Merged Compare: See the updated structure directly on the webpage for a more streamlined view of the changes.<p>Manage Baselines: Keep track of all your captured HTML baselines in one place, with the ability to view and delete them as needed.<p>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.<p>You can try it out directly from the Chrome Web Store: [<a href="https://chromewebstore.google.com/detail/html-capture-compare/hepcfklepddedgodpgbcijlmkhkbiond" rel="nofollow">https://chromewebstore.google.com/detail/html-capture-compar...</a>]<p>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!