Skip to content

A simpler way to write React tests - zero coding required

License

Notifications You must be signed in to change notification settings

sieunjang/spearmint

 
 

Repository files navigation

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

About

A simpler way to write React tests - zero coding required

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 55.3%
  • TypeScript 31.7%
  • SCSS 12.6%
  • HTML 0.4%