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.
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
To run Accessibility tests generated by spearmint on HTML, install the following in your dev dependencies.
npm i -D axe-core regenerator-runtime jest
To run Accessibility tests generated by spearmint on React Components, install the following in your dev dependencies.
npm i -D axe-core regenerator-runtime jest enzyme enzyme-adapter-react-16
To run Accessibility tests generated by spearmint on URL's with Puppeteer, install the following in your dev dependencies.
npm i -D axe-core puppeteer
- On the initial screen, enter the URL of your project and load your application to start creating tests.
- 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.
-
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.
-
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.
Alex @apark0720 · Alfred @astaiglesia · Annie @annieshinn · Ben @bkwak · Charlie @charlie-maloney
Chloe @HeyItsChloe · Cornelius @corneeltron · Dave @davefranz · Evan @Berghoer · Gabriel @bielchristo
Johnny @johnny-lim · Julie @julicious100 · Karen @karenpinilla · Linda @lcwish · Luis @Luis-KM-Lo
Mike @mbcoker · Natlyn @natlynp · Nick @nicolaspita · Rachel @rachethecreator · Sean @sean-haverstock
Sharon @sharon-zhu · Sieun @sieunjang · Tolan @taoantaoan · Tristen @twastell