reactjs - 使用 MemoryRouter 时如何知道当前 url

Question

我正在尝试弄清楚如何使用测试来断言当前位置路径名是什么。

作为实验and based on some docs我写了下面的测试

  test(`Can navigate MemoryRouter`, (done) => {
    const logAll = (p, ...args) => {
      console.log(`SOME OUTPUT`,p, ...args)
      return p.location.pathname
    }

    const div = document.createElement('div')

    const Test = () => (
      <MemoryRouter>
        <React.Fragment>
          <Link to="/foo/bar" id="click-me" />
          <Route render={logAll} />
        </React.Fragment>
      </MemoryRouter>
    )
    ReactDOM.render(React.createElement(Test), div)
    console.log('click')
    Simulate.click(div.querySelector('#click-me'))
  })

我希望因为 logAll 路由匹配所有更改，所以它会在 / 中记录一次(它确实如此)，然后在 /foo/bar 中再次记录。但后者在测试超时(大约 5 秒)之前从不登录。

我错过了什么？

Answer 1

您的测试没问题(您甚至不需要 done)，但是缺少 Simulate.click 的第二个参数。如果您添加它，它将按您预期的那样工作:

Simulate.click(
    div.querySelector('#click-me'),
    { button: 0 }
);

看the codebase显示 Link 不会进行事件中没有 button=0 的点击。

Blame of this line , 显示 Link tracks only left button click .