reactjs - TDD 与reactjs、reactify、babelify、browserify、gulp

Question

我正在寻找在使用以下内容的项目上运行测试:

• 使用这些转换来浏览:
  • babel化
  • react

我确实尝试了 JSDOM + Mocha 组合，但测试尚未构建的组件将在从一个组件调用另一个组件时失败:

> mocha --compilers js:babel/register --recursive

module.js:338
    throw err;
    ^
Error: Cannot find module 'system/services/AuthService'

我认为我需要在 gulp build watchify 和构建任务期间运行 mocha 测试。我不确定在构建过程中处理测试是否是一个好的选择。

通常，成功构建后，ES5 中的 client/build/js/bundle.js 中有一个文件。

我希望能够使用 ES6 文件测试我的组件，该文件需要 browserify 才能被我的测试库读取。

有没有人可以为我提供一个好的选择，包括一些 npm 模块或任何可以帮助我在我的环境中实现 TDD 的东西？

Answer 1

也许 Mochify 非常适合您的用例。这是一个 React 示例:https://github.com/mantoni/mochify.js/wiki/Testing-a-ReactJS-Component-with-Mochify