All Projects โ†’ rakannimer โ†’ generator-react-jest-tests

rakannimer / generator-react-jest-tests

Licence: MIT license
A React Jest test generator. Generates snapshot tests for React components.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to generator-react-jest-tests

Snapper
Bringing Jest-esque Snapshot testing to C#
Stars: โœญ 85 (+150%)
Mutual labels:  test, snapshot-testing, testing-tools
generator-vue-plugin
Yeoman generator generating vue plugin ๐Ÿš€
Stars: โœญ 29 (-14.71%)
Mutual labels:  yeoman, yeoman-generator
mock-hls-server
Fake a live/event HLS stream from a VOD one. Useful for testing. Supports looping.
Stars: โœญ 61 (+79.41%)
Mutual labels:  test, testing-tools
carina
Carina automation framework: Web, Mobile, API, DB etc testing...
Stars: โœญ 652 (+1817.65%)
Mutual labels:  test, testing-tools
delphi-generator-delphi
Yeoman generator for Delphi projects
Stars: โœญ 14 (-58.82%)
Mutual labels:  yeoman, yeoman-generator
generator-fountain-react
Yeoman 'fountain' generator to start a webapp with React
Stars: โœญ 36 (+5.88%)
Mutual labels:  yeoman, yeoman-generator
generator-liferay-fragments
Yeoman generator for creating and maintaining Liferay Fragment projects
Stars: โœญ 31 (-8.82%)
Mutual labels:  yeoman, yeoman-generator
Generator Chisel
Chisel is a development framework for creating easy to maintain and fast WordPress websites
Stars: โœญ 233 (+585.29%)
Mutual labels:  yeoman, yeoman-generator
threat9-test-bed
No description or website provided.
Stars: โœญ 26 (-23.53%)
Mutual labels:  test, testing-tools
playwright-test
Run unit tests with several runners or benchmark inside real browsers with playwright.
Stars: โœญ 81 (+138.24%)
Mutual labels:  test, testing-tools
scalatest-junit-runner
JUnit 5 runner for Scalatest
Stars: โœญ 30 (-11.76%)
Mutual labels:  test, testing-tools
generator-ngx-firebase-bootstrap
Generator for Angular / Firebase / Bootstrap projects
Stars: โœญ 44 (+29.41%)
Mutual labels:  yeoman, yeoman-generator
generator-nullfactory-xrm
Yeoman generator for Dynamics 365 Solutions. It generates a project structure that facilitates the quick creation builds and automated release strategies with minimal effort.
Stars: โœญ 15 (-55.88%)
Mutual labels:  yeoman, yeoman-generator
generator-laravel-5
Scaffold Laravel 5.7 applications with ease.
Stars: โœญ 19 (-44.12%)
Mutual labels:  yeoman, yeoman-generator
Generator Api
๐Ÿš€ Yeoman generator for creating RESTful NodeJS APIs, using ES6, Mongoose and Express
Stars: โœญ 247 (+626.47%)
Mutual labels:  yeoman, yeoman-generator
eat
Json based scenario testing tool(which can have test for functional and non-functional)
Stars: โœญ 41 (+20.59%)
Mutual labels:  test, testing-tools
laika
Log, test, intercept and modify Apollo Client's operations
Stars: โœญ 99 (+191.18%)
Mutual labels:  test, testing-tools
Generator Spfx
Open-source generator to extend the capabilities of the Microsoft SPFx generator
Stars: โœญ 150 (+341.18%)
Mutual labels:  yeoman, yeoman-generator
Generator Web Extension
Advanced WebExtension generator that creates everything you need to get started with cross-browser web-extension development.
Stars: โœญ 212 (+523.53%)
Mutual labels:  yeoman, yeoman-generator
PixelTest
Fast, modern, simple iOS snapshot testing written purely in Swift.
Stars: โœญ 56 (+64.71%)
Mutual labels:  test, testing-tools

React Jest tests yeoman generator

What's that ?

This is a Yeoman generator used to generate Jest snapshot tests by parsing react components defaultProps and propTypes. The tests are linted with prettier and outputted to the current directory's __tests__ folder.

Why ?

Writing smoke tests for well-defined components can (and should) easily be offloaded to software. This is a solution I use across projects to bootstrap tests.

Installation

First, install Yeoman and generator-react-jest-tests using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-react-jest-tests

Commands

Suppose you have the following file structure

- app/
	- components/
      - MyComp.js
      - MaybeSome.css
      - AndA.png
	- storesOrUtils/
      - someFile.js

Silent :

yo react-jest-tests:test

Verbose :

DEBUG=generator-react-jest-tests* yo react-jest-tests:test
     _-----_
    |       |
    |--(o)--|    โ•ญโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฎ
   `---------ยด   โ”‚    Let's create tests    โ”‚
    ( _ยดU`_ )    โ•ฐโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ•ฏ
    /___A___\   /
     |  ~  |
   __'.___.'__
 ยด   `  |ยฐ ยด Y `

? Give me the path to components please ! (./src/components/)

Give the path to your folder or cd to it and put ./ as path

Will output :

create __tests__/MyComp.js

and result in :

- app/
	- components/
    - __tests__
      - MyComp.test.js
    - MyComp.js
    - MaybeSome.css
    - AndA.png
  - storesOrUtils/
    - someFile.js
- app/
	- components/
      - __tests__
          - MyComp.test.js
      - MyComp.js
      - MaybeSome.css
      - AndA.png
	- storesOrUtils/
      - someFile.js

Run jest to make sure everything is working as expected.

Any error can be resolved by specifying defaultProps, if no defaultProps are passed propTypes will be parsed to try to generate fake data. Fake Data generation from propTypes is a WIP.

To write seamless and predictable tests add defaultProps to your component definitions.

Conflicts

By default it won't overwrite anything without asking you first.

License

MIT ยฉ RakanNimer

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].