如何使用 Jest 在 React Native 中测试屏幕道具

Question

我的 React Native 项目中有一个从Component扩展的类。 我在其他类渲染中使用这个类，并用它传递屏幕道具：

class OtherClass extend Component {

render() {
return (
         <MyCustomComponent screenprops ={{number : this.state.number}}
   })

}

现在我正在使用 Jest 编写测试。 我能够在没有屏幕道具的情况下为组件类编写测试：

test('MyCustomComponent renders correctly', () => {
  renderer.create(this.MyCustomComponent);
});

但我不知道如何测试 screenprops 并在我的测试中使用它们。 我已经搜索了很多，但我找不到解决方案。

Answer 1

你可以这样做：

test('renders correctly', () => {

  const propsLink = {
    screenProps: {
      arrayProp: [
        {
          v1: true,
          v2: "my value 1",
        },
        {
          v1: false,
          v2: "my value 2",
        }
      ],
      number: 1
    }
  }

  renderer.create(<MyCustomComponent {...propsLink} />)
});