# mocha-react

**Repository Path**: mirrors_svenanders/mocha-react

## Basic Information

- **Project Name**: mocha-react
- **Description**: Demo of using MochaJS to test a ReactJS component (with JSX and Harmony)
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-18
- **Last Updated**: 2026-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[![Build Status](https://travis-ci.org/danvk/mocha-react.svg?branch=master)](https://travis-ci.org/danvk/mocha-react)
[![Coverage Status](https://coveralls.io/repos/danvk/mocha-react/badge.svg?branch=master)](https://coveralls.io/r/danvk/mocha-react?branch=master)

mocha-react
===========

Demo of using MochaJS to test a ReactJS component (with JSX and Harmony).

This is a port of the [Jest React tutorial][1]. If you'd like to test your React JS components using Mocha instead of Jest, you can use this as a template.

Quick start:

```
npm install
npm test
```

What this template gets you:

- JSX/Harmony transpilation
- Opt-in module stubbing (ala Jest's "auto-mocking")
- Code coverage via Blanket and coveralls.io

For more background and information on how this works, see [this blog post][5].

Here are the high order bits:

- A fake DOM is provided via `jsdom` (see `tests/testdom.js`).
- `global.reactModulesToStub` contains a list of modules to replace with stubs (ala Jest).
- `tests/compiler.js` registers a compiler which transforms JSX/Harmony code to
  standard ES5 JS and implements the stubbing.
- `tests/blanket-stub-jsx.js` applies the same transformations, additionally
  instrumenting code for test coverage. The results are [posted to coveralls.io][4].

To run the tests using the `mocha` command line:

```
mocha --compilers .:tests/compiler.js tests/*test.js
```

Inspiration and guidance came from the [Testing React Components][2] blog post and the Khan Academy's [React Components Makefile][3].

[1]: http://facebook.github.io/jest/docs/tutorial-react.html#content
[2]: http://www.asbjornenge.com/wwc/testing_react_components.html
[3]: https://github.com/Khan/react-components/blob/master/Makefile
[4]: https://coveralls.io/r/danvk/mocha-react?branch=master
[5]: http://www.hammerlab.org