Overview

The Solid Test Recorder is a Chrome extension designed specifically for developers working with SolidJS, but it also offers compatibility with React and Preact with some configuration adjustments. This innovative tool aims to streamline the process of writing UI unit and integration tests, transforming what can often be a tedious task into a more enjoyable experience. By leveraging the power of Chrome DevTools, the extension provides an interactive recording process that enhances test generation capabilities, making it easier for developers to implement solid testing practices.

The motivation behind the Solid Test Recorder is clear: writing UI tests is essential for ensuring reliable applications, yet many developers detest the manual testing process. This extension encourages increased test writing by simplifying the steps involved and making the experience more intuitive and engaging.

Features

UI Test Generation: Automatically generates UI tests that comply with SolidJS guidelines, ensuring a reliable and efficient testing framework.
Integration with Vitest and MSW: Utilizes Vitest and Mock Service Worker (MSW) for backend mocking, providing a seamless testing experience.
Intuitive Recording Control: Combines Chrome DevTools element inspector and console, offering users refined control with terminal-like auto-completion.
Advanced Selector Generation: Automatically creates the most specific selector for inspected elements, making tests more reliable and easier to maintain.
Network Request Recording: Records all network requests during testing and generates appropriate mocks and spies, reducing manual mock setup time.
Interactive Usage Flow: Provides access to a global variable for executing commands in the console, streamlining the workflow from capturing events to viewing results.
Customizable Configurations: Allows developers to define code templates and specify excluded requests, tailoring the testing process to project needs.
Efficient Event Capturing: Facilitates automatic capturing of user events and related requests, streamlining test file creation and enhancing overall productivity.

Chris Czopp

Solid Test Recorder