All Projects → open-source-labs → Spearmint

open-source-labs / Spearmint

Licence: mit
A simpler way to write React tests - zero coding required

Programming Languages

javascript
184084 projects - #8 most used programming language

Spearmint helps developers easily create functional React/Redux/Endpoint/Paint Timing tests without writing any code. It dynamically converts user inputs into executable Jest test code by using DOM query selectors provided by @testing-library.

How to use

Download spearmint @ spearmintjs.com. Available for Mac OS and Windows.

To run React tests generated by spearmint, install the following in your dev dependencies.

npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot

To run Redux tests generated by spearmint, install the following in your dev dependencies, in addition to your React test installations above.

npm i -D redux-mock-store redux-thunk fetch-mock

To run Hooks / Context tests generated by spearmint, install the following in your dev dependencies, in addition to your React test installations above.

npm i -D @testing-library/react-hooks

To run Endpoint tests generated by spearmint, install the following in your dev dependencies.

npm i -D jest supertest

To run Puppeteer tests generated by spearmint, install the following in your dev dependencies.

npm i -D jest puppeteer

How it works

  1. On the initial screen, enter the URL of your project and load your application to start creating tests.

  1. Utilize our auto-complete, drop-down options, and tooltips features to easily create arrangement, action, and assertion test statements for React; reducer, action creator, asynchronous action creator, and middleware test statements for Redux; and hooks, context, and endpoint test statements.

  1. Refer to the browser view of your app that is displayed on the right to quickly identify values for your selectors and use the file directory to open up a code editor view to easily refer to your codebase for props information.

  2. Spearmint will then convert user input to dynamically generate a test file that will be saved inside a tests folder, which you can use to run ‘npm test’ on.

Team

Alex @apark0720  ·  Ben @bkwak  ·  Charlie @charlie-maloney  ·  Chloe @HeyItsChloe
Cornelius @corneeltron  ·  Dave @davefranz  ·  Evan @Berghoer  ·  Johnny @johnny-lim
Julie @julicious100  ·  Karen @karenpinilla  ·  Linda @lcwish  ·  Luis @Luis-KM-Lo
Mike @mbcoker  ·  Natlyn @natlynp  ·  Nick @nicolaspita  ·  Rachel @rachethecreator
Sean @sean-haverstock  ·  Sieun @sieunjang  ·  Tristen @twastell

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].