https://github.com/the-road-to-learn-react/react-testing-mocha-chai-enzyme

A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.
https://github.com/the-road-to-learn-react/react-testing-mocha-chai-enzyme

babel chai coverage coverage-report coverage-testing coveralls enzyme jest mocha react reactjs sinon travis travis-ci webpack

Last synced: 23 days ago
JSON representation

A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.

• Host: GitHub
• URL: https://github.com/the-road-to-learn-react/react-testing-mocha-chai-enzyme
• Owner: the-road-to-learn-react
• Created: 2018-02-22T18:08:32.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-12T08:24:54.000Z (over 4 years ago)
• Last Synced: 2024-10-01T02:22:25.613Z (about 1 month ago)
• Topics: babel, chai, coverage, coverage-report, coverage-testing, coveralls, enzyme, jest, mocha, react, reactjs, sinon, travis, travis-ci, webpack
• Language: JavaScript
• Homepage: https://www.robinwieruch.de
• Size: 406 KB
• Stars: 49
• Watchers: 3
• Forks: 26
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# react-testing-mocha-chai-enzyme

[![Build Status](https://travis-ci.org/the-road-to-learn-react/react-testing-mocha-chai-enzyme.svg?branch=master)](https://travis-ci.org/the-road-to-learn-react/react-testing-mocha-chai-enzyme) [![Coverage Status](https://coveralls.io/repos/github/the-road-to-learn-react/react-testing-mocha-chai-enzyme/badge.svg?branch=master)](https://coveralls.io/github/the-road-to-learn-react/react-testing-mocha-chai-enzyme?branch=master) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-learn-react.wieruch.com/) [![Greenkeeper badge](https://badges.greenkeeper.io/the-road-to-learn-react/react-testing-mocha-chai-enzyme.svg)](https://greenkeeper.io/)

A test setup for React components with Mocha, Chai and Enzyme in a [React + Webpack](https://github.com/the-road-to-learn-react/minimal-react-webpack-babel-setup) application. [Read more about it.](https://www.robinwieruch.de/react-testing-mocha-chai-enzyme-sinon/)

**Optional:**

- [Cypress Tutorial](https://www.robinwieruch.de/react-testing-cypress/)

- [CI Tutorial](https://www.robinwieruch.de/javascript-continuous-integration/)

- [Test Coverage Tutorial](https://www.robinwieruch.de/javascript-test-coverage/)

**Recommended alternative: Instead of Mocha/Chai, [using Jest as test runner and assertion library](https://github.com/the-road-to-learn-react/react-testing-jest-enzyme/).**

## Features

- React

- Webpack

- Testing

  - Mocha, Chai, Enzyme: Unit/Integration

  - Optional E2E Tests: Cypress

  - Optional CI: Travis CI

  - Optional Reporting: Coveralls.io

## Installation

- `git clone [email protected]:the-road-to-learn-react/react-testing-mocha-chai-enzyme.git`

- cd react-testing-mocha-chai-enzyme

- npm install

- npm start

- visit `http://localhost:8080/`

- npm test