Giter Club home page Giter Club logo

spearmint's Introduction

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.


React Testing


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

Endpoint Testing


To run Endpoint tests generated by spearmint, install the following in your dev dependencies.
npm i -D jest supertest

Puppeteer Testing


To run Puppeteer tests generated by spearmint, install the following in your dev dependencies.
npm i -D jest puppeteer

Accessiblity Testing


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

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.


The Spearmint Team


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


spearmint's People

Contributors

annieshinn avatar apark0720 avatar astaiglesia avatar berghoer avatar bielchristo avatar bkwak avatar charlie-maloney avatar corneeltron avatar davefranz avatar dependabot[bot] avatar johnny-lim avatar julicious100 avatar karenpinilla avatar lcwish avatar luis-km-lo avatar mbcoker avatar natlynp avatar nicolaspita avatar rachethecreator avatar sean-haverstock avatar sharon-zhu avatar sieunjang avatar taoantaoan avatar

Stargazers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.