是否可以使用jest酶测试传递给样式化组件的自定义道具。 我试过了 道具:
props = {
props,
options: [
{ name: "test", enabled: true, total_no: 3 },
{ name: "test_1", enabled: false, total_no: 3 }
]
};
测试: RadioButton是样式组件
describe("when option is enabled", () => {
let radioButtons;
beforeEach(() => {
radioButtons = enzymeFind(component, RadioButton);
});
it("Radio button recieves enabled as props", () => {
const enableOptions = radioButtons.map(node =>
node.prop("enableOption")
);
const enabledProps = props.options.map(item => item.enabled);
expect(enableOptions).toEqual(enabledProps);
});
})
组件代码:
{this.props.options.map(item => {
return (
<ItemWrapper key={item.name} enableOption={item.enabled}>
<RadioButton
still={true}
enableOption={item.enabled}
onClick={item.enabled ? this.selectOption(item) : undefined}
>
</RadioButton>
</ItemWrapper>
测试失败,给出未定义的内容。