block6.js

import request from 'superagent'
import superagentMock from 'superagent-mock'

export class ApiMock extends Component {
  constructor(props) {
    super(props)
    this.mock()
  }

  componentWillUnmount() {
    this.unmock()
  }

  render() {
    return this.props.children
  }

  mock() {
    const { mocks } = this.props
    const mocksConfig = mocks.map(m => ({
      pattern: m.url,
      fixtures: (match, params, headers, context) => {
        if (typeof m.response === 'function') {
          return m.response(match, params, headers, context)
        }
        return m.response
      },
      [m.method ?? 'get']: (_, data) => data,
    }))
    // check superagent-mock for their api
    this.smock = superagentMock(request, mocksConfig)
  }

  unmock() {
    this.smock.unset()
  }
}