当 React Native 应用程序中存在边框时，Calabash 截取了丑陋的屏幕截图

Question

我们使用 Calabash 进行功能测试，并为我们的 React 本机应用程序截取屏幕截图，但我们运行遇到了屏幕截图问题。

当一个组件有边框时，屏幕截图乱七八糟：

例如，index.ios.js 例如：

import React from 'react';
import { AppRegistry, View } from 'react-native';

AppRegistry.registerComponent('App', () => () => (
  <View style={{flex: 1, backgroundColor: 'blue', justifyContent: 'center', alignItems: 'center'}}>
    <View style={{height: 100, width: 200, backgroundColor: 'red', borderColor: 'green', borderWidth: 10}}>
    </View>
  </View>
));

这是模拟器上的显示：

这是截图（比如运行 screenshot 在 calabash-ios console 之后）：

没有 borderWidth，它有效！

我们使用的是 RN 0.26.2，使用的是 calabash-cucumber 0.19.2。

如有任何帮助，我们将不胜感激！谢谢！！

Answer 1

通过用 calabash-ios download 更新 calabash-server 来解决:)

当 React Native 应用程序中存在边框时，Calabash 截取了丑陋的屏幕截图

Calabash takes ugly screenshot when borders are present in React Native app

calabash

calabash-ios

react-native