React Jest定义全局组件

Question

是否可以在顶部定义全局组件？

示例

it("test 1", () => {
    const component= shallow(<Component {...inputProps}
      onChange={onChange} />);

    ...
  });

  it("test 2", () => {
    const component= shallow(<Component
        {...inputProps}
        onChange={onChange}
        onChange1={onChange1}
      />),
  });
....

在上面的示例中，我们使用相同的组件进行测试，但区别仅在于道具不同。

有什么方法可以在顶部定义组件。如下所示

示例

const c_component =<Component {...inputProps}
      onChange={onChange} />

it("test 1", () => {
    const component= shallow(c_component );

    ...
  });

  it("test 2", () => {
    const component= shallow(c_component( 
        onChange1={onChange1}
      )),
  });
....

Answer 1

它可以是带有必要参数的辅助功能，例如：

getComponentWrapper = props =>
  shallow(<Component {...inputProps} {...props} onChange={onChange} />);

...

const component = getComponentWrapper({ onChange1 });