使用 jestjs 进行单元测试时如何获取组件的 props

Question

我正在使用浅酶。我想在测试文件中获取已传递给组件的道具。就像在示例中一样，但我变得不确定。

console.log(wrapper.props()) 

应该返回 props 的对象，但它返回一些 jsx 对象。

请协助如何获取我要为其编写测试用例的某些组件的道具。

这是我的代码：

import React from 'react';
import {
    configure,
    shallow
} from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

import MenuList from './MenuList';
import {
    Link
} from 'react-router-dom';

configure({
    adapter: new Adapter()
});

const footerItem = {
    label: '',
    links: [{
        label: '',
        link: '/'
    }]
}

describe('<MenuList />', () => {

            let wrapper;
            beforeEach(() => {
                    wrapper = shallow( < MenuList footerItem = {
                            footerItem
                        }
                        / > );
                    });

                it('should render Link', () => {
                    console.log(wrapper.props().footerItem); // This should print footerItem object but returning  undefined
                    expect(wrapper.find(Link).length).toBeGreaterThan(0);
                });
            });

// and here is the code of menulist component/


import React from 'react';
import { Link } from 'react-router-dom';

const menuList = (props) => {
    let linkArray=[];
        linkArray = props.footerItem.links.map((item,index)=>{
            return <li key={index}>
                    <Link to={item.link}>
                        {item.label}
                    </Link></li>
        })

   return (
        <div className="footer-link">
            <h6>{props.footerItem.label}</h6>
                <ul>
                    {linkArray}
                </ul>
        </div>
   )
}
export default menuList;

Answer 1

const wrapper = mount(<MyComponent foo={10} />);
expect(wrapper.props().children).to.equal(10);

编辑：

就像@Must keem 指出的那样，这也有效：

const wrapper = mount(<MyComponent foo={10} />);
expect(wrapper.instance().props.foo).to.equal(10);