Javascript react native-我们应该如何处理file.snap

Javascript react native-我们应该如何处理file.snap,javascript,reactjs,typescript,react-native,jestjs,Javascript,Reactjs,Typescript,React Native,Jestjs,我正在研究如何使用jest进行测试。幸运的是,我能够使用jest测试视图 但是,我不知道tsx.snap文件有多有用。代码如下: exports[`renders correctly with defaults 1`] = ` <View style={ Object { "alignItems": "center", "alignSelf": "center", } } > <Text style={ O

我正在研究如何使用jest进行测试。幸运的是,我能够使用jest测试视图

但是,我不知道
tsx.snap
文件有多有用。代码如下:

exports[`renders correctly with defaults 1`] = `
<View
  style={
    Object {
      "alignItems": "center",
      "alignSelf": "center",
    }
  }
>
  <Text
    style={
      Object {
        "color": "#999",
        "fontWeight": "bold",
      }
    }
  >
    Hello

    World!
  </Text>
  <View
    style={
      Object {
        "alignItems": "stretch",
        "alignSelf": "center",
        "borderWidth": 5,
        "flexDirection": "row",
        "minHeight": 70,
      }
    }
  >
    <View
      style={
        Object {
          "flex": 1,
          "paddingVertical": 0,
        }
      }
    >
      <View
        accessibilityLabel="decrement"
        accessibilityRole="button"
        accessibilityStates={Array []}
        accessible={true}
        focusable={true}
        isTVSelectable={true}
        onClick={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          Object {
            "opacity": 1,
          }
        }
      >
        <View
          style={
            Array [
              Object {},
            ]
          }
        >
          <Text
            style={
              Array [
                Object {
                  "color": "#007AFF",
                  "fontSize": 18,
                  "padding": 8,
                  "textAlign": "center",
                },
                Object {
                  "color": "red",
                },
              ]
            }
          >
            -
          </Text>
        </View>
      </View>
    </View>
    <View
      style={
        Object {
          "flex": 1,
          "paddingVertical": 0,
        }
      }
    >
      <View
        accessibilityLabel="increment"
        accessibilityRole="button"
        accessibilityStates={Array []}
        accessible={true}
        focusable={true}
        isTVSelectable={true}
        onClick={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          Object {
            "opacity": 1,
          }
        }
      >
        <View
          style={
            Array [
              Object {},
            ]
          }
        >
          <Text
            style={
              Array [
                Object {
                  "color": "#007AFF",
                  "fontSize": 18,
                  "padding": 8,
                  "textAlign": "center",
                },
                Object {
                  "color": "blue",
                },
              ]
            }
          >
            +
          </Text>
        </View>
      </View>
    </View>
  </View>
</View>
`;
exports[`使用默认值1``正确渲染]=`
你好
世界!
-
+
`;
对我来说,这个文件告诉我们如何将样式应用于视图的信息

如果您知道
tsx.snap
有多有用,请告诉我

提前谢谢你