reactjs - 在 Jest 中检查我的组件上是否存在可选 Prop

Question

我的组件有以下属性，jsonpayload 是可选的。

export interface props {
      jsonpayload?: payload[]
      onclick: () => void;
    }

Jest 文件:

const test_prop: dummy_props = {
    OnChange: jest.fn()
}

it("checks if jsonpayloadprop is present or not", () => {
        const demoComponent = enzyme.mount(<Demo {...dummy_props}/>);
        expect(demoComponent .props().JSONData.exists()).toEqual(false);
});

在我的测试中，我想检查 jsonpayload Prop 是否存在。到目前为止，我已经尝试过 exists() 但它不起作用。

Answer 1

你可能会做

expect(demoComponent.props().jsonpayload).toBeUndefined();

另见 Truthiness在 Jest 文档中。

但是我真的觉得这个测试完全没有必要。它主要测试未传递给组件的 prop 是否为 undefined。您已经可以期望 React 能够正确处理该问题。