使用 React.js、d3.js 和 mocha/chai 进行单元测试

Question

我希望使用 react.js、d3 和 mocha/chai 进行单元测试。为了将 d3 与 react.js 集成，很多 d3 都在 componentDidMount 中完成，因为 d3 不能很好地与 React 的虚拟 DOM 配合使用（类似于 http://nicolashery.com/integrating-d3js-visualizations-in-a-react-app/）。

我的问题是如何测试 d3 功能？在检查图表是否存在等之前，有没有一种干净的方法可以等待 componentDidMount 完成。

谢谢！

Answer 1

简单的答案是使用React.renderComponent 的回调。

React.renderComponent(Component(), node, onMountCallback);