测试传递给样式化组件的自定义道具

时间:2019-01-13 07:31:59

标签: reactjs jestjs enzyme styled-components

是否可以使用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>

测试失败,给出未定义的内容。

My test fails like this

0 个答案:

没有答案