测试 React-Router v1.0.0 href

Question

目前使用 Jest 和 React-Router 来尝试测试一个元素的 href 是否具有预期值。

按照说明here

jest.dontMock('../BasicPage')

describe('BasicPage', function() {
  let BasicPage = require('../BasicPage')
  let TestUtils = require('react-addons-test-utils')
  let ReactDOM = require('react-dom')
  let React = require('react')

  it('renders the Login button if not logged in', function() {
    let page = TestUtils.renderIntoDocument(<BasicPage />)
    let button = TestUtils.findRenderedDOMComponentWithTag(page, 'button')
    expect(ReactDOM.findDOMNode(button).textContent).toBe('Login')
  })

  it('renders the Account button if logged in', function() {
    let page = TestUtils.renderIntoDocument(<BasicPage authenticated={true} />)
    let button = TestUtils.findRenderedDOMComponentWithTag(page, 'button')
expect(ReactDOM.findDOMNode(button).getAttribute('href')).toBe('/admin')
  })
})

该元素有如下链接：

<Button bsStyle="primary"><Link to="/admin">Login</Link></Button>

当 console.log'in 按钮时 href 不存在并且测试返回 null！

有没有人找到解决这个问题的方法？

Answer 1

如果需要，您需要在 <Router> 实例下渲染内容，例如<Link>s 实际工作。 <Router> 提供了 <Link> 用于生成 hrefs 和处理点击的上下文的历史实例。

为了方便测试，我们将允许您在没有历史实例的情况下渲染<Link>s，但正如您所见，它们将不起作用。

Answer 2

expect(ReactDOM.findDOMNode(button).getAttribute('href')).toBe('/admin')

这不是找错了吗？你不想找到锚吗？