Calabash nimmt hässliche Screenshot, wenn Grenzen in React Native App

Wir verwenden Calabash für Funktionstests und Screenshots für unsere Reaktion native App, aber wir stießen auf ein Problem mit Screenshots.Calabash nimmt hässliche Screenshot, wenn Grenzen in React Native App

Wenn eine Komponente einen Rahmen hat, wird der Bildschirm verkorkst:

beispielsweise mit einem index.ios.js wie:

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> 
));

Dies ist die Anzeige auf Simulator ist: