单元测试组件中的React函数

时间:2017-06-14 21:15:10

标签: unit-testing reactjs components jestjs

我需要一种方法来对下面代码中的“编辑”功能进行单元测试。它与其他问题不同,因为我的函数没有返回任何值。

class QslTable extends React.PureComponent {
        this.state = {
        data: [{
            key: '0',
            callSign: {
                editable: true,
                value: 'F1ABD',
            },
            QSODate: {
                editable: true,
                value: '10-05-31',
            },
            band: {
                editable: true,
                value: '32',
            },
            mode: {
                editable: true,
                value: 'Phone',
            },
            dxccEntity: {
                editable: true,
                value: 'France',
            },
            delete: {
                editable: false,
                value: 'Delete',
            },
        }],
    };

      edit(index) {
        const { data } = this.state;
        Object.keys(data[index]).forEach((item) => {
            if (data[index][item] && typeof data[index][item].editable !== 'undefined') {
                data[index][item].editable = true;
            }
        });
        this.setState({ data });
    }
}

这不起作用:

it('should render the component', () => {
    const renderedComponent = shallow(<QslTable />);

    expect(renderedComponent.find('edit')).toBeDefined();

});

该函数不返回任何值。我不知道如何测试这个功能。我查看了Jest的文档,但无法理解。任何帮助将不胜感激!

0 个答案:

没有答案