如何使用摩卡茶和酶對道具的狀態進行單元測試？

Question

我正在嘗試對組件清晰顯示中的道具狀態進行onClick單元測試。

我嘗試這樣做：

props = {
    attributeTableData: data,
    clearMessage: onClickMethod,
    reset: () => { },
    resetAttributeTable: () => { },
    statusMessage: {
        messageType: 'message-success',
        userMessage: 'Template has been saved successfully. Please wait …see your results display with the latest'
    },
    submitTemplateCreationStatus: () => { },
    templateAttributeFormData: () => { },
    templateFormSubmission: true,
    templateAttributeFormSubmission: true,
    templateFormData: () => { },
    userRoles: new Set(['admin'])
};
let emptyStatusMessage = {};
actualComponent = shallow(<CreateTemplateResults { ...props } />);
actualComponent.instance().resetForms();
expect(onClickMethod.called).to.be.true;
expect(actualComponent.state('statusMessage')).to.eql(emptyStatusMessage)

但我得到：

“ TypeError：ShallowWrapper :: state（” statusMessage“）要求state不能為null或undefined ”

Answer 1

您正在創建<CreateTemplateResults />的淺表呈現器，但從未傳遞actualComponent.setState(nextState) 。 因此，當您嘗試訪問最后一行的狀態時，由於state為null / undefined ，因此將引發錯誤。

淺（）。的setState