Question

我是新手做出反应，我为react-test-renderer编写了代码。但是它给出了错误。如果有人可以给出我可以在我的系统中复制过去的正确示例来检查它是否正常工作，那将是很有帮助的。同时，还告诉我使用react-test-renderer的好处。我已经通过了React docs。和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

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

0 个答案: