Add pressIn handler to LargeButton component

observation · Oct 25, 2023 · 252e14d · 252e14d
1 parent b430184
commit 252e14d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/LargeButton.tsx b/src/components/LargeButton.tsx
@@ -12,6 +12,7 @@ import theme from '../styles/theme'
 type LargeButtonProps = {
   title: string
   onPress?: () => void
+  onPressIn?: () => void
   iconName?: IconName
   disabled?: boolean
   secondary?: boolean
@@ -51,6 +52,7 @@ const LargeButton = ({
   title,
   iconName,
   onPress,
+  onPressIn,
   testID = 'touchable-opacity',
 }: LargeButtonProps) => {
   const { textStyle, buttonStyle, iconColor } = getStyle(secondary, disabled, danger)
@@ -61,6 +63,7 @@ const LargeButton = ({
       style={[styles.container, style, buttonStyle]}
       disabled={disabled}
       onPress={onPress}
+      onPressIn={onPressIn}
       activeOpacity={0.5}
     >
       <View style={styles.titleContainer}>

diff --git a/src/components/__tests__/LargeButton.test.tsx b/src/components/__tests__/LargeButton.test.tsx
@@ -5,6 +5,7 @@ import { render, fireEvent } from '@testing-library/react-native'
 import LargeButton from '../LargeButton'
 
 const onPress = jest.fn()
+const onPressIn = jest.fn()
 
 describe('LargeButton', () => {
   test('Rendering, enabled, primary', () => {
@@ -51,4 +52,12 @@ describe('LargeButton', () => {
     await fireEvent.press(getByTestId('touchable-opacity'))
     expect(onPress).toBeCalled()
   })
+
+  test('onPressIn', async () => {
+    const { getByTestId } = render(
+      <LargeButton title="Press me" onPress={onPress} onPressIn={onPressIn} style={{ flex: 1 }} />,
+    )
+    await fireEvent(getByTestId('touchable-opacity'), 'pressIn')
+    expect(onPressIn).toBeCalled()
+  })
 })