Action menu redesign and per-session coverage view

A redesigned action menu, per-replay code coverage, and more.

๐Ÿ’… Action Menu Redesign

We've re-designed the action menu system with a cleaner, more consistent design. With even more actions, we've supercharged your ability to access platform functionality more easily, such as sharing differences, reporting flakes, displaying context of difference and more.

Action Menu Redesign

๐Ÿ” Per-Session Coverage View

You can now view code coverage for individual replays - not just the entire test run. Use the action menu on any thumbnail and select "View Code Coverage" to see exactly which lines of code were exercised during that specific user flow.

Per-Session Coverage View

...and more

  • โœ… Filter by Approval State โ€“ We are continuing to improve the approval process, now allowing you to filter out differences you've already reviewed in prior test runs.
  • ๐Ÿท๏ธ Descriptive User Flow Titles โ€“ AI-generated session descriptions now appear as user flow titles when grouping by flow, instead of "User flow 1, 2, 3...".
  • ๐Ÿ“œ Diff Auto-scroll & Share โ€“ Automatically scroll to selected diffs and easily share links to specific differences.
  • ๐Ÿค– Improved AI Network Patching โ€“ Upgraded parsing engine for more reliable mock generation.
  • โšก Faster Large Test Runs โ€“ Significant frontend performance improvements when reviewing test runs with 1000+ differences.
  • ๐Ÿ–ผ๏ธ Better Iframe Handling โ€“ New replay engine to handle iframes to reduce flakiness in apps with embedded content.
  • ๐Ÿ”ง Improved CI Setup UX โ€“ Clearer CI integration setup flow with better guidance on configurations for setting up new projects.
  • ๐Ÿ”ก New Font โ€“ Better default font choice that improves the visual density and appearance of our UI.

Coverage alerts and advanced network patching

AI-summarized coverage alerts, an improved network patching engine, and more.

โ€ผ๏ธ Coverage Alerts (Beta)

We compute which of your code edits were not tested by Meticulous and leverage AI to summarise this for you. The new view accessible from the test run screen lets you see if any functionality affected by your PR was not able to be tested by Meticulous.

Code Coverage

๐Ÿช„๐ŸŒ Advanced Network Patching (Beta)

We've made huge strides in our approach to network patching, and we're introducing an improved engine to detect stale network mocks and synthetically generate new network mocks based on more recent session traffic.

...and more

  • โšก๏ธ Improved Low Bandwidth Experience โ€“ on the test run screen, we've modified image loading patterns for an improved experience on bad connections.
  • ๐ŸŽฏ Clearer Divergence Details โ€“ when Meticulous clicks on different elements in a user flow, you'll now see a much clearer description of what happened.
  • ๐Ÿ”Š AudioContext mocking โ€“ better handling of audio-based functionality.
  • โ˜๏ธ Faster cloud replays โ€“ infrastructure improvements for quicker test execution.

Left hand sidebar redesign and save diff GIFs

A redesigned left hand sidebar, saveable diff GIFs, and more.

Left Hand Sidebar Redesign

We've heard you loud and clear, the left hand sidebar was in major need of TLC. We've focused on breaking down the sidebar into more easily understandable states, giving you more access to functionality from the thumbnail gallery, and better separation of concepts through tabs.

Left Hand Sidebar Redesign

Save Diff GIFs ๐Ÿ’พ

Shoutout to the team at Notion for recommending this feature! Easily generate GIFs of a change to share outside of Meticulous (we used it to create the GIF above).

Save Diff GIF

...and more

  • ๐ŸŽฏ Improved element selection accuracy, correctly identifies elements to click on after refactors and redesigns in more edge cases.
  • ๐Ÿš€ Faster test runs through improved parallelisation and waiting strategies.
  • ๐Ÿ•ด๏ธ Improved handling of hover states, drop-downs, and form elements during replay.
  • ๐Ÿ“ Improved handling of randomly generated Angular IDs.
  • ๐Ÿ•ต๏ธโ€โ™‚๏ธ We're looking for beta testers for new private image recording functionality (images that require authentication to access), zero work on your side, just let us know and we'll enable the functionality to improve the fidelity of your test runs.

Individual diff approval and a better HTML diff viewer

Approve or reject diffs one at a time, an upgraded HTML diff viewer, and more.

This month we shipped some major improvements to make reviewing faster and more flexible.

Individual Diff Approval

No more rejecting entire test runs over one problematic diff. Right-click any thumbnail to approve, reject, or ignore individual diffs. When you push new code, we automatically highlight which diffs haven't changed so you can focus only on what's new.

Individual Diff Approval

Better HTML Diff Viewer

We've upgraded our underlying component for viewing HTML differences. You now get better syntax highlighting, smarter whitespace handling, and automatic collapsing of unchanged code sections allowing you to focus in your changes faster.

HTML Diff Viewer

...and more

  • ๐Ÿš€ Faster session selection delivers broader coverage in less time.
  • โš›๏ธ Full support for React 19.1+ (including new useId formats).
  • ๐Ÿ“Š New project stats chart to spot recorder issues at a glance.
  • ๐Ÿ† Faster test runs via incremental coverage computations.
  • ๐Ÿ’ป UX improvements for reviewing PRs on smaller devices.
  • โ„๏ธ Reduced flake rate by improving handling of shimmering animations.
  • ๐ŸŒ‘ CSS engine support to ignore shadow DOM elements.