## 一、Demo應用
請先安裝[Demo](https://github.com/ruanyf/react-testing-demo)。
~~~
$ git clone https://github.com/ruanyf/react-testing-demo.git
$ cd react-testing-demo && npm install
$ npm start
~~~
然后,打開 http://127.0.0.1:8080/,你會看到一個 Todo 應用。

接下來,我們就要測試這個應用,一共有5個測試點。
1. 應用標題應為"Todos"
2. Todo項的初始狀態("未完成"或"已完成")應該正確
3. 點擊一個Todo項,它就反轉狀態("未完成"變為"已完成",反之亦然)
4. 點擊刪除按鈕,該Todo項就被刪除
5. 點擊添加按鈕,會新增一個Todo項
這5個[測試用例](https://github.com/ruanyf/react-testing-demo/tree/master/test)都已經寫好了,執行一下就可以看到結果。
~~~
$ npm test
~~~
下面就來看,測試用例應該怎么寫。測試框架我用的是Mocha,如果你不熟悉,可以先讀我寫的[《Mocha教程》](http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html)。