React Native Hooks example to test

HookTest.tsx

import * as React from 'react'
import { useState } from 'react'
import {
  NativeSyntheticEvent, Text, TextInput, TextInputSubmitEditingEventData,
  TouchableOpacity, View} from 'react-native'

interface IProps {
  myMock?: () => void
}

const HookTest = (props: IProps) => {

  const [value, setValue] = useState('Default text')

  return (
    <View>
      <TextInput
          testID="testInput"
          placeholder="Input Text"
          value={value}
          onChangeText={(text: string) => {
            setValue(text)
          }}
          onSubmitEditing={(e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => {
            setValue(e.nativeEvent.text)
          }}
      />
      <HookTestSub testValue={value} />
      <OnPressComponent {...props} />
    </View>
  )
}

const HookTestSub = (props: { testValue: string }) => {

  return (
    <View>
      <Text testID="subText">{props.testValue}</Text>
    </View>
  )
}

const OnPressComponent = (props: IProps) => (
  <View>
    <TouchableOpacity onPress={props.myMock} testID="onPressComponent">
      <Text>Press me</Text>
    </TouchableOpacity>
  </View>
)

export { HookTest }