Day 20 测试router的前奏

昨天我们讲到使用context-util来让每个测试都包住Provider来达到测试的元件都能取得Provider传下来的state，那今天我们来讲讲在测试router之前我们需要做什麽，要先讲到History这个函式库

History

→ 提供三种browserHistory、hashHistory、memoryHistory，并且监听url的监听以及提供redirect的方法，因此react-router-dom一定会安装history这个函式库．

所以我们要建立一个初始化且拥有history的render，我们就要用render出包含history的监听，程序如下．

import { createMemoryHistory } from 'history';
import { Router } from 'react-router-dom';
import { render as routerRender } from '@testing-library/react';

function render(ui: any, option: any) {
  const history = createMemoryHistory({
    initialEntries: ['/']
  });

  return routerRender(
    <Router history={history}>
      { ui }
    </Router>, {
      ...option
    }
  )
}

export * from '@testing-library/react';
export { render };