Reactjs 如何使用反应测试渲染器？

我是react新手，我为react测试渲染器编写了代码。然而，它给出了错误。这将是很大的帮助，如果有人能给出适当的例子，我可以复制过去在我的系统，以检查它的工作。此外，还告诉我使用react测试渲染器的好处。我已经阅读了react文档。和github，但它并没有帮助我理解这个主题。我的代码如下：

import React, { Component } from 'react';
import './App.css';

import TestRenderer from 'react-test-renderer';

function MyComponent() {
   return (
   <div>
      <SubComponent foo="bar" />
      <p className="my">Hello</p>
   </div>
   )
}

function SubComponent() {
  return (
    <p className="sub">Sub</p>
  );
}

const render = require('react-test-renderer');

const stub = createStub();

render(<MyComponent onClick={stub}/>)
  .find(element => element.type === 'button')
  .simulate('click');

assert.ok(stub.called);


class App extends Component {
  constructor(props) {
  super(props)
}
render() {
return (
  <div>
    <MyComponent />
  </div>
);
}
}
export default App  

import React，{Component}来自'React'；
导入“/App.css”；
从“react test renderer”导入TestRenderer；
函数MyComponent（）{
返回(
你好

)
}
函数子组件（）{
返回(
sub
);
}
const render=require（'react-test-renderer'）；
const stub=createStub（）；
render（）
.find（element=>element.type=='button'）
.模拟（“点击”）；
assert.ok（stub.called）；
类应用程序扩展组件{
建造师（道具）{
超级（道具）
}
render（）{
返回(
);
}
}
导出默认应用程序