Ожидайте this.children.props ()

Question

я тестирую ErrorBoundry, у меня есть этот код

import React, { Component } from 'react'

 class ErrorBoundary extends Component {
  constructor (props) {
   super(props)
   this.state = { hasError: false }
  } 

 componentDidCatch (error, info) {
  this.setState({ hasError: true })
 }

 render () {
  if (this.state.hasError) {
   return <h1>Something went wrong.</h1>
  }
  return this.props.children
 }
}

export default ErrorBoundary

и я хочу тестировать, теперь я тестирую, когда есть ошибка, и все нормально, но как я могу записать тестовый файл, я ожидаю вернуть this.props.children () или смоделировать что-то подобное?

я использую фермент

Answer 1

Вы пробовали это?.simulateError(error) => Self https://airbnb.io/enzyme/docs/api/ShallowWrapper/simulateError.html

Answer 2

Чтобы проверить случай без ошибок, просто проверьте, что ErrorBoundary отображает его потомков:

test('no error', () => {
  const wrapper = shallow(<ErrorBoundary><div>no error</div></ErrorBoundary>);
  expect(wrapper.html()).toBe('<div>no error</div>');  // Success!
});