All Projects → r-walsh → react-unit-test-practice

r-walsh / react-unit-test-practice

Licence: other
No description or website provided.

Programming Languages

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

Projects that are alternatives of or similar to react-unit-test-practice

React Pages Boilerplate
Deliver react + react-router application to gh-pages
Stars: ✭ 134 (+737.5%)
Mutual labels:  enzyme, jest
React
Extremely simple boilerplate, easiest you can find, for React application including all the necessary tools: Flow | React 16 | redux | babel 6 | webpack 3 | css-modules | jest | enzyme | express + optional: sass/scss
Stars: ✭ 244 (+1425%)
Mutual labels:  enzyme, jest
2019 12
🎟 급증하는 트래픽에도 안정적인 예약 서비스, Atomic Pattern을 적용한 재사용 가능한 컴포넌트, 실용적인 Testing을 주제로 하는 이벤트 서비스
Stars: ✭ 169 (+956.25%)
Mutual labels:  enzyme, jest
Reeakt
A modern React boilerplate to awesome web applications
Stars: ✭ 116 (+625%)
Mutual labels:  enzyme, jest
react-testing-mocha-chai-enzyme
A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.
Stars: ✭ 48 (+200%)
Mutual labels:  coverage, enzyme
React Redux Bootstrap Webpack Starter
React 16.9 + Typescript + React-Router 4 + Redux + Bootstrap 4 + Hot Reload + redux-devtools-extension + Webpack 4 + styled-components STARTER
Stars: ✭ 133 (+731.25%)
Mutual labels:  enzyme, jest
Testing React Redux With Jest And Enzyme
React Redux Testing Template using Jest and Enzyme
Stars: ✭ 224 (+1300%)
Mutual labels:  enzyme, jest
Testing Jest Enzyme
List of components and tests for post "React Components Testing with Jest & Enzyme"
Stars: ✭ 54 (+237.5%)
Mutual labels:  enzyme, jest
Nxplorerjs Microservice Starter
Node JS , Typescript , Express based reactive microservice starter project for REST and GraphQL APIs
Stars: ✭ 193 (+1106.25%)
Mutual labels:  coverage, jest
React Base
atSistemas React/Redux Isomorphic Platform
Stars: ✭ 82 (+412.5%)
Mutual labels:  coverage, enzyme
Reactjs Crud Boilerplate
Live Demo
Stars: ✭ 83 (+418.75%)
Mutual labels:  enzyme, jest
React-Redux-Enterprise
A React-Redux boilerplate for enterprise/large scaled web applications
Stars: ✭ 77 (+381.25%)
Mutual labels:  enzyme, jest
Artemis Dev Tool
An Apollo GraphQL Query Schema Testing Tool
Stars: ✭ 66 (+312.5%)
Mutual labels:  enzyme, jest
React Test Demo
React test demo with Jest and Enzyme
Stars: ✭ 134 (+737.5%)
Mutual labels:  enzyme, jest
React Adventure
⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
Stars: ✭ 62 (+287.5%)
Mutual labels:  enzyme, jest
Awesome Learning
Awesome Learning - Learn JavaScript and Front-End Fundamentals at your own pace
Stars: ✭ 216 (+1250%)
Mutual labels:  enzyme, jest
Bs Enzyme
Bucklescript bindings for Enzyme
Stars: ✭ 35 (+118.75%)
Mutual labels:  enzyme, jest
Push Starter
React Redux Starter with SSR 🤖
Stars: ✭ 43 (+168.75%)
Mutual labels:  enzyme, jest
Express Babel
Express starter kit with ES2017+ support, testing, linting, and code coverage
Stars: ✭ 621 (+3781.25%)
Mutual labels:  coverage, jest
react-jest-enzyme-example
A minimal configuration for testing React components with Jest and Enzyme.
Stars: ✭ 23 (+43.75%)
Mutual labels:  enzyme, jest

react-unit-test-practice

In this repo lives a simple To Do list that is lacking in testing. The ToDo component has a full set of commented example tests to serve as a reference.

Your goal is to write tests for the other two components and reach 100% code coverage. Remember that 100% coverage doesn't mean perfect tests! Try to find edge cases and errors that may creep up. Not every bit of what you will need is covered in the example tests, you'll need to hit the docs:

NPM Commands(can all be found in the package.json):

  • npm run test - Runs the test suite a single time
  • npm run test:watch - Continuously runs the test suite on file change
  • npm run test:coverage - Prints out a coverage report to console
  • npm run view-coverage - Launches an HTML view of code coverage, with detailed information on how well pieces of code are covered
  • npm run dev - Runs the project on port 8080 via webpack dev server with webpack-dashboard
  • npm run prettier - Why code if it can't be beautiful?
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].