Show HN: Cypress-Studio-like Chrome Extension that turns API calls into fixtures

1 point

2 years ago

I find that the slowest part of writing Cypress tests is creating fixtures to mock API calls. So I’ve created this Chrome Extension to bootstrap Cypress tests with API calls automatically stubbed.

Similar to Cypress Studio and existing Chrome extensions, it records all user actions during a session and creates a Cypress test file. But it also listens to all fetch/XHR calls made during the session and outputs a directory of fixtures, which are automatically used in the test file to stub API calls.

Alternatively, you can disable mocking and the generated test file will automatically alias and wait for API calls to return (reducing flakiness in e2e tests without arbitrary waits).

More details and a link to Chrome Web Store in the readme.

Still early stage but any feedback would be appreciated!