#React 什么是React测试中的Shallow Renderer？

浅层渲染对于在React中编写单元测试用例很有用。它使您可以更深层次地渲染组件，并断言其渲染方法返回的事实，而不必担心未实例化或渲染的子组件的行为。

例如，如果您具有以下组件：

function MyComponent() {
  return (
    <div>
      <span className={'heading'}>{'Title'}</span>
      <span className={'description'}>{'Description'}</span>
    </div>
  )
}

然后可以声明如下：

import ShallowRenderer from 'react-test-renderer/shallow'

// in your test
const renderer = new ShallowRenderer()
renderer.render(<MyComponent />)

const result = renderer.getRenderOutput()

expect(result.type).toBe('div')
expect(result.props.children).toEqual([
  <span className={'heading'}>{'Title'}</span>,

<span className={'description'}>{'Description'} ])