使用react-native-testing-library测试StyleSheet

时间:2019-12-12 10:16:03

标签: reactjs react-native react-testing-library react-native-testing-library

在本机应用程序中,我们正在为该组件开发自定义样式组件。

样式组件包含StyleSheet 例如:

export default StyleSheet.create({
  container: {
    flexGrow: 1,
    justifyContent: "center",
    alignItems: "center",
    borderTopWidth: 1,
  },
});

由于此组件已导入到我们的组件中,并且当我们对组件进行单元测试时,它会在其中进行30次测试,并显示是否运行了else组件,这导致覆盖率降低(样式组件已导入到组件中)

因此,我附带了一个screenshot来解释问题。请注意,其余的整个组件均已测试并完全覆盖。因此剩下的覆盖范围是样式组件。

1 个答案:

答案 0 :(得分:0)

它应该返回一个看起来像这样的对象

style={
    Object {
      flexGrow: 1,
      justifyContent: "center",
      alignItems: "center",
      borderTopWidth: 1,
    }
}

您可以将其与之比较,看是否值得

您可以通过此了解我的思考方向 link