July 2022 Summaries

Test Suite Comments, now in closed beta, aim to streamline debugging for Playwright test suites by providing insights that replace the tedious process of combing through CI logs. The introduction of this feature has been well-received, as evidenced by its rapid adoption in the DevTools repository and active discussions in Discord. Replay, a tool highlighted in a case study, significantly reduces the time developers spend on reproducing bugs, enhancing development speed and efficiency. A standout feature of Replay is its ability to map files, call stacks, scopes, and expressions efficiently, thanks to the use of a faster Babel traversal API. Recent architectural improvements in Replay DevTools, originally a fork of Firefox DevTools, include the removal of unused code, migration to TypeScript, and a refactor that simplifies understanding and customization. Additional updates include documentation for installing certificates, source map toggling improvements, and the support of inline source maps in ts-node. A recent bug report in React.js demonstrated the tool's capability to facilitate quick, collaborative debugging, reminiscent of the early collaborative spirit of GitHub.

Glide, a company founded in 2018 that enables users to create mobile apps without coding, has significantly improved its development process by integrating Replay, a tool that enhances bug reproducibility and debugging efficiency. Originally challenged by time-consuming bug reproduction that slowed development velocity, Glide discovered Replay's ability to record and isolate bugs, allowing developers to revisit issues without repetitive steps. This tool's time travel functionality has optimized Glide's workflow, saving an estimated 40 hours per week for its core team and streamlining collaboration across development, quality assurance, and customer support. Replay has revolutionized Glide's approach to handling bugs, enabling faster resolution by embedding replays in pull requests and support tickets, thus reducing the need for extensive environment setups. As Glide continues to scale, it plans to expand its use of Replay into backend and end-to-end testing, further enhancing its development and debugging processes.

Replay has launched its first case study featuring Pantheon.io, showcasing how the platform has facilitated the expansion of Pantheon's engineering team and enhanced collaboration among team members. The case study is available on replay.io, with more stories promised soon. Replay has made significant performance improvements, such as reducing page load times and decreasing the time to start replays from 23 seconds to under a second, partly by optimizing source map hashing and improving backend caching. The company has also been working on a new Console integrated into existing DevTools, adopting Playwright for visual regression testing, and implementing a Suspense Cache for enhanced functionality. Additionally, Replay has transitioned from NPM to Yarn, upgraded to Next 12.2, which has halved build times, and made enhancements to its Library routing and code coverage reporting, while addressing scope mapping bugs to better manage naming collisions.