Show HN: HTML 捕获对比 – Chrome 扩展，用于调试不稳定的测试
3 分•作者: qaas•9 个月前
嗨，Hacker News！我很高兴分享我的第一个产品发布，HTML Capture Compare。这也是我第一次在Hacker News发帖，所以感谢大家的反馈。<p>我最近创立了qaas.work，一家帮助没有自动化专业知识的小团队的公司。我们嵌入到客户的团队中，从头开始设置自动化框架、CI/CD流程和报告。一旦客户的团队熟悉并掌握了这些，我们就会退出。这种方法帮助小型公司获得强大的自动化，而无需承担全职工程师的高成本。<p>在我的工作中，我经常看到一个巨大的时间消耗：调试由UI更改引起的、不稳定的测试。自动化团队浪费了无数小时手动检查HTML，以找出定位器为何中断的原因。<p>这就是我构建这个Chrome扩展程序的原因。它是一个简单、可视化的工具，可以快速捕获和比较HTML结构，从而轻松找到导致测试失败的原因。<p>以下是主要功能：<p>并排比较：在一个单独的窗口中清晰地查看新旧HTML结构，以准确地找出发生了什么变化。<p>合并比较：直接在网页上查看更新后的结构，更流畅地查看更改。<p>管理基线：在一个地方跟踪所有捕获的HTML基线，并根据需要查看和删除它们。<p>我的目标是帮助您更快地调试测试，并保持您的自动化管道平稳运行，这是我合作过的每个团队都面临的关键挑战。<p>您可以直接从Chrome网上应用店试用：[<a href="https://chromewebstore.google.com/detail/html-capture-compare/hepcfklepddedgodpgbcijlmkhkbiond" rel="nofollow">https://chromewebstore.google.com/detail/html-capture-compar...</a>]<p>我非常感谢社区的任何想法或反馈。如果您以前遇到过这个问题，我很乐意知道还有哪些其他功能会有帮助！
查看原文
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!