The latest articles on DEV Community by Joachim Lindqvist (@qvstio). https://dev.to/qvstio https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1548170%2Fc0aa405b-1a1c-46e3-a6cb-2bd7a7668826.png https://dev.to/qvstio en Joachim Lindqvist Thu, 30 May 2024 10:36:53 +0000 https://dev.to/qvstio/youre-reporting-bugs-like-cavemen-5bko https://dev.to/qvstio/youre-reporting-bugs-like-cavemen-5bko <p>How most companies work with bugs hasn’t change 20 years. You document every minute detail, hoping to provide enough information to reproduce the issue without overwhelming your team. It’s a tedious and boring chore. Enter Whitespace, a game-changing tool designed to make bug reporting effortless and precise. With features like one-click bug reports, video replays, and detailed logs, Whitespace is set to transform how you handle bugs in your development process.</p> <h2> Key Features </h2> <ol> <li><p><strong>Video Replay</strong> — Whitespace records a pixel-perfect video of the bug, allowing you to replay the issue exactly as it happened. This frame-by-frame recording ensures accuracy and clarity, making it easy for developers to see and understand the problem.</p></li> <li><p><strong>Detailed Logs</strong> — Logged errors and uncaught exceptions are automatically captured, providing a comprehensive view of what went wrong during the bug occurrence.</p></li> <li><p><strong>HTTP Requests</strong> — Whitespace captures all HTTP requests, including statuses, bodies, timings, and headers. This data helps developers understand unhandled and hidden errors that might have contributed to the bug.</p></li> <li><p><strong>User Actions and Navigations</strong> — Every mouse click and keyboard interaction is recorded, along with page loads and navigations. This thorough tracking provides a complete picture of the user’s actions leading up to the bug.</p></li> <li><p><strong>Storage Changes</strong> — Local and session storage changes are documented, ensuring that any relevant data alterations are noted.</p></li> </ol> <h2> Developers Love It </h2> <p>Whitespace isn’t just another bug reporting tool; it’s a developer’s best friend. Here’s why:</p> <p><strong>Time Travel</strong><br> Reproducing some bugs can be notoriously difficult. Whitespace addresses this with its time travel feature, which allows you to save the last minute of any session with just a click. This capability ensures that elusive, hard-to-reproduce bugs are captured and can be examined in detail later.</p> <p><strong>Sharable Links</strong><br> Sharing bug reports with colleagues has never been easier. Each recording is sharable as a link, streamlining collaboration and communication within your team.</p> <p><strong>Frozen in Time</strong><br> All assets used during the recording are fetched and stored by Whitespace. This means that even if you modify assets in your app later, the recording remains unchanged. This feature ensures that the bug report is accurate and reliable, regardless of subsequent changes to the app.</p> <p><strong>Record from Localhost</strong><br> Developers can record bugs from their local development environment, making it easy to capture and report issues in in-progress features. This flexibility ensures that no bug goes undocumented, even in early development stages.</p> <p><strong>Privacy Filters</strong><br> Whitespace takes privacy seriously. You can remove sensitive data like passwords, tokens, and session data from your recordings. Additionally, recordings are only viewable by your teammates, ensuring that sensitive information remains protected.</p> <p><strong>Whitelist Sites</strong><br> You can choose which sites Whitespace activates on, giving you control over when and where bug reporting is enabled.</p> <h2> Developer’s best friend </h2> <p>Whitespace is a powerful tool that redefines bug reporting. Its comprehensive feature set, ease of use, and efficiency make it an invaluable addition to any developer’s toolkit. Whether you’re working on a personal project or part of a large team, Whitespace helps you capture, understand, and resolve bugs faster and more accurately than ever before. Install the Chrome extension today and experience the future of bug reporting.</p> <p><strong>Get started for free at</strong> <a href="https://whitespace.dev">https://whitespace.dev</a></p> webdev productivity tooling testing