fix: add testID + more fixes

web-ridge · May 13, 2021 · 597b61b · 597b61b
1 parent 7b80b97
commit 597b61b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/src/Date/DatePickerModal.tsx b/src/Date/DatePickerModal.tsx
@@ -15,9 +15,7 @@ import DatePickerModalContent, {
   DatePickerModalContentRangeProps,
   DatePickerModalContentSingleProps,
 } from './DatePickerModalContent'
-import { useMemo } from 'react'
-import Color from 'color'
-import { useHeaderColorIsLight } from '../utils'
+import { useHeaderBackgroundColor, useHeaderColorIsLight } from '../utils'
 
 interface DatePickerModalProps {
   visible: boolean
@@ -61,10 +59,7 @@ export function DatePickerModal(
     })
 
   const isLight = useHeaderColorIsLight()
-  const statusBarColor = useMemo<string>(
-    () => Color(theme.colors.primary).darken(0.2).hex(),
-    [theme]
-  )
+  const headerBackgroundColor = useHeaderBackgroundColor()
 
   return (
     <View style={[StyleSheet.absoluteFill]} pointerEvents="box-none">
@@ -110,7 +105,7 @@ export function DatePickerModal(
                   style={[
                     {
                       height: StatusBar.currentHeight,
-                      backgroundColor: statusBarColor,
+                      backgroundColor: headerBackgroundColor,
                     },
                   ]}
                 />

diff --git a/src/Date/DatePickerModalHeader.tsx b/src/Date/DatePickerModalHeader.tsx
@@ -30,9 +30,14 @@ export default function DatePickerModalHeader(
               icon="close"
               onPress={props.onDismiss}
               color={color}
+              testID="react-native-paper-dates-close"
             />
             <Appbar.Content title={''} />
-            <Button color={color} onPress={props.onSave}>
+            <Button
+              color={color}
+              onPress={props.onSave}
+              testID="react-native-paper-dates-save"
+            >
               {saveLabel}
             </Button>
           </Appbar>

diff --git a/src/Date/Day.tsx b/src/Date/Day.tsx
@@ -65,6 +65,7 @@ function Day(props: {
       />
 
       <TouchableRipple
+        testID={`react-native-paper-dates-day-${year}-${month}-${day}`}
         disabled={disabled}
         borderless={true}
         onPress={disabled ? undefined : onPress}