João Ferreiro
d636ec6339
* add testing lib * remove coverage folder from git * finished basic test setup * fix tests typescript and import paths * add first snapshot * testing utils * rename test files; update script flags; ++tests * testing utils functions * testing downloadAndResize wip * remove download test * specify unwanted coverage paths; remove update snapshots flag * fix strings tests * testing downloadAndResize method * increasing testing * fixing snapshots wip * fixed shell mobile snapshot * adding snapshots for the screens * fix onboard snapshot * fix typescript issues * fix TabsSelector snapshot * Account for testing device's locale in ago() tests * Remove platform detection on regex * mocking store state wip * mocking store state * increasing test coverage * increasing test coverage * increasing test coverage on src/screens * src/screens (except for profile) above 80% cov * testing profile screen wip * increase coverage on Menu and TabsSelector * mocking profile ui state wip * mocking profile ui state wip * fixing mobileshell tests wip * snapshots using testing-library * fixing profile tests wip * removing mobile shell tests * src/view/com tests wip * remove unnecessary patch-package * fixed profile test error * clear mocks after every test * fix base mocked store values (getters) * fix base mocked store values (hasLoaded, nonReplyFeed) * profile screen above 80% coverage * testing custom hooks * improving composer coverage * fix tests after merge * finishing composer coverage * improving src/com/discover coverage * improve src/view/com/login coverage fix SuggestedFollows tests adding some comments * fix SuggestedFollows tests * improve src/view/com/profile coverage extra minor fixes * improve src/view/com/notifications coverage * update coverage ignore patterns * rename errorMessageTryAgainButton increase SuggestedFollows converage * improve src/view/com/posts coverage * improve src/view/com/onboard coverage * update snapshot * improve src/view/com/post coverage * improve src/view/com/post-thread coverage rename ErrorMessage tests test Debug and Log components * init testing state * testing root-store * updating comments * small fixes * removed extra console logs * improve src/state/models coverage refactor rootStore rename some spies * adding cleanup method after tests * improve src/state/models coverage * improve src/state/models coverage * improve src/state/models coverage * improve src/state/models coverage * test setInterval in setupState * Clean up tests and update Home screen state management * Remove some tests we dont need * Remove snapshot tests * Remove any tests that dont demonstrate clear value * Cleanup Co-authored-by: Paul Frazee <pfrazee@gmail.com>
79 lines
1.8 KiB
TypeScript
79 lines
1.8 KiB
TypeScript
import React from 'react'
|
|
import {
|
|
StyleSheet,
|
|
TouchableOpacity,
|
|
StyleProp,
|
|
View,
|
|
ViewStyle,
|
|
} from 'react-native'
|
|
import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
|
|
import {Text} from '../text/Text'
|
|
import {useTheme} from '../../../lib/ThemeContext'
|
|
import {usePalette} from '../../../lib/hooks/usePalette'
|
|
|
|
export function ErrorMessage({
|
|
message,
|
|
numberOfLines,
|
|
style,
|
|
onPressTryAgain,
|
|
}: {
|
|
message: string
|
|
numberOfLines?: number
|
|
style?: StyleProp<ViewStyle>
|
|
onPressTryAgain?: () => void
|
|
}) {
|
|
const theme = useTheme()
|
|
const pal = usePalette('error')
|
|
return (
|
|
<View testID="errorMessageView" style={[styles.outer, pal.view, style]}>
|
|
<View
|
|
style={[styles.errorIcon, {backgroundColor: theme.palette.error.icon}]}>
|
|
<FontAwesomeIcon icon="exclamation" style={pal.text} size={16} />
|
|
</View>
|
|
<Text
|
|
type="body2"
|
|
style={[styles.message, pal.text]}
|
|
numberOfLines={numberOfLines}>
|
|
{message}
|
|
</Text>
|
|
{onPressTryAgain && (
|
|
<TouchableOpacity
|
|
testID="errorMessageTryAgainButton"
|
|
style={styles.btn}
|
|
onPress={onPressTryAgain}>
|
|
<FontAwesomeIcon
|
|
icon="arrows-rotate"
|
|
style={{color: theme.palette.error.icon}}
|
|
size={18}
|
|
/>
|
|
</TouchableOpacity>
|
|
)}
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
outer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
paddingVertical: 8,
|
|
paddingHorizontal: 8,
|
|
},
|
|
errorIcon: {
|
|
borderRadius: 12,
|
|
width: 24,
|
|
height: 24,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
marginRight: 8,
|
|
},
|
|
message: {
|
|
flex: 1,
|
|
paddingRight: 10,
|
|
},
|
|
btn: {
|
|
paddingHorizontal: 4,
|
|
paddingVertical: 4,
|
|
},
|
|
})
|