javascript - React Router <LINK>如何在 Jest 测试中获取 href 的值

Question

React JS 新手，并在 Jest 中编写测试用例以检查组件中的链接。我正在使用 react-router以及使用 <LINK to="{{pathname: link}}" />Link</LINK> 的链接, 我正在使用 react-router 2.0.我看到一些帖子建议您需要以一种或另一种方式对 react-router 进行 stub ，但这些都与 1.0 版有关。我还需要做类似的事情吗？我可以通过选择类来获取节点，但无法获取 href 的值.

 let link = TestUtils.findRenderedDOMComponentWithClass(widgetComponent, 'link');
 let linkNode = ReactDOM.findDOMNode(link);
 let renderedLink = linkNode.attributes['href'].value;
 expect(renderedLink).toContain('test-link');

请指教。

Answer 1

如果您想使用 enzyme，我认为这可能有效.如果您只关心匹配 href(或链接“to”属性)，您可以这样做:

import React from 'react';
import { Link } from 'react-router';
import { shallow } from 'enzyme';

const wrapper = shallow(widgetComponent);
expect(wrapper.find(Link).props().to).toEqual('test-link');