import React,{ Component } from 'react';
import {Link,IndexLink} from 'react-router';
 
class Navbar extends Component {
 
  renderLinks = (linksData) => {
    return linksData.map((linkData) => {
      if(linkData.to === '/') {
        return(
          <div className="navbar-link-container" key={linkData.to}>
            <IndexLink activeClassName="navbar-active-link" to={linkData.to}>
              <i className="navbar-icon material-icons">{linkData.icon}</i>
              <span className="navbar-link-text">{linkData.text}</span>
            </IndexLink>
          </div>
        )
      }
      else {
        return(
          <div className="navbar-link-container" key={linkData.to}>
            <Link activeClassName="navbar-active-link" to={linkData.to}>
              <i className="navbar-icon material-icons">{linkData.icon}</i>
              <span className="navbar-link-text">{linkData.text}</span>
            </Link>
          </div>
        )
      }
    })
  };
 
  render() {
    return (
      <div className={`navbar navbar-${this.props.linksData.length}`}>
        {this.renderLinks(this.props.linksData)}
      </div>
    )
  }
}
 
Navbar.propTypes = {
  linksData: React.PropTypes.array.isrequired,};
 
export default Navbar;

现在我正在尝试编写一个单元测试来检查if条件(根据.to属性返回IndexLink或Link)：

但我似乎无法测试函数的确切jsx返回,因为当我在console.log中返回一个返回时我得到了这个：

{ ‘$$typeof’: Symbol(react.element),
type: ‘div’,
key: ‘/’,
ref: null,
props:
{ className: ‘navbar-link-container’,
children:
{ ‘$$typeof’: Symbol(react.element),
type: [Object],
key: null,
props: [Object],
_owner: null,
_store: {} } },
_store: {} }

这是我到目前为止所做的测试：

it('renderLinks should return a IndexLink',() => {
    const wrapper = shallow(<Navbar linksData={mockLinksData}/>);
    const renderLinksReturn = wrapper.instance().renderLinks(mockLinksData);
    let foundIndexLink = false;
    renderLinksReturn.map((linkHtml) => {
      console.log(linkHtml);
    });
    expect(foundIndexLink).toBe(true);
  })

现在我不知道要测试什么来查看函数是否正确运行.有没有办法像组件一样“挂载”函数的返回？或者是否有一个简单的方法来返回我可以检查的实际返回的html字符串？