12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- // @flow
- import React, {Component} from 'react';
- import {
- AppRegistry,
- StyleSheet,
- Text,
- View,
- Platform,
- ScrollView,
- Image,
- } from 'react-native';
-
- export default class Assert extends Component {
-
- props : {
- expect : any,
- actual : any
- };
-
- constructor(props) {
- super(props)
- }
-
- render() {
- return (
- <View style={{
- padding : 16,
- borderLeftWidth : 5,
- marginTop : 4,
- backgroundColor : 'white',
- borderColor : this.getAssertion() ? '#00a825' : '#ff0d0d'
- }}>
- <Text style={{
- color : this.getAssertion() ? '#00a825' : '#ff0d0d',
- margin : 8,
- marginLeft : 0
- }}>{ this.getAssertion() ? '✅' : '×' } Assertion description</Text>
- <Text style={{flex : 1, flexDirection : 'row'}}>
- <Text style={{ color : '#AAA'}}>expect </Text>
- <Text style={{flex : 1}}>{this.props.expect}</Text>
- </Text>
- <Text style={{flex : 1, flexDirection : 'row'}}>
- <Text style={{color : '#AAA'}}>actual </Text>
- <Text style={{flex : 1}}>{this.props.actual}</Text>
- </Text>
- </View>
- )
- }
-
- getAssertion() {
- return this.props.expect === this.props.actual
- }
-
- }
|