10、React 与同构应用的测试与调试实战

React 与同构应用的测试与调试实战

1. 测试环境搭建

在开发同构应用时，测试环境的搭建至关重要。我们需要确保代码能在服务器和浏览器两种环境下都能进行有效的测试。

首先，克隆代码仓库：

git clone https://github.com/isomorphic-dev-js/complete-isomorphic-example.git

切换到指定分支并安装依赖、启动项目：

git checkout chapter-9.1.1
npm install
npm start

我们使用 Mocha 作为测试库，Karma 作为测试运行器。测试配置文件在 karma.conf.js （位于根目录）， package.json 中的 test:browser 脚本用于运行测试。测试使用 Karma、Mocha 和 Chai 库，Karma 测试配置使用与开发相同的 webpack 配置来打包测试代码。

运行测试的命令如下：

npm run test:browser

目前还没有测试用例，终端会显示 “Executed 0 out of 0”，同时会打开一个新的 Chrome 实例。点击 “Debug” 按钮可打开新标签页，用于使用 Chrome DevT