test improvements, longterm quick insulin service, react native paper

.vscode/launch.json

@@ -0,0 +1,24 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Debug tests",
+      "skipFiles": [
+        "<node_internals>/**"
+      ],
+      "env": {"CI": "true"},
+      //"runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts",
+      "args": ["--verbose", "-i", "--no-cache", "${workspaceFolder}/src/components/__tests__/DbTextInputComponent.test.tsx"],
+      "console": "integratedTerminal",
+      "program": "${workspaceRoot}/node_modules/.bin/jest",
+      // "outFiles": [
+      //   "${workspaceFolder}/**/*.js"
+      // ]
+    }
+  ]
+}

package.json

@@ -8,14 +8,15 @@
     "lint": "eslint .",
     "lint-fix": "eslint --fix .",
     "start": "react-native start",
-    "test": "jest --coverage"
+    "test": "jest --coverage --verbose"
   },
   "dependencies": {
     "@react-navigation/native": "^6.1.8",
     "@react-navigation/native-stack": "^6.9.14",
     "@types/jest": "^29.5.5",
     "react": "18.2.0",
     "react-native": "0.72.5",
+    "react-native-paper": "^5.10.6",
     "react-native-safe-area-context": "^4.7.2",
     "react-native-screens": "^3.25.0"
   },

src/components/DbButtonComponent.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 
-import {Pressable, PressableProps, StyleSheet, Text} from 'react-native'
+import {Pressable, PressableProps, StyleSheet} from 'react-native'
+import {Text} from 'react-native-paper'
 
 interface DbButtonProps extends PressableProps {
   title: string
@@ -9,14 +10,13 @@ interface DbButtonProps extends PressableProps {
 export function DbButton(props: DbButtonProps): JSX.Element {
   return (
     <Pressable
-      onPress={props.onPress}
       style={({pressed}) => [
         {
           backgroundColor: pressed ? 'darkturquoise' : 'blue',
         },
         styles.dbButton,
       ]}
-      testID={props.testID}>
+      {...props}>
       <Text style={styles.dbButtonText}>{props.title}</Text>
     </Pressable>
   )

src/components/DbNumericTextInputComponent.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {TextInputProps} from 'react-native'
+import {TextInputProps} from 'react-native-paper'
 import {DbTextInput} from './DbTextInputComponent'
 
 export function DbNumericTextInput(props: TextInputProps): JSX.Element {

src/components/DbTextInputComponent.tsx

@@ -1,5 +1,6 @@
 import React from 'react'
-import {StyleSheet, TextInput, TextInputProps} from 'react-native'
+import {TextInput, TextInputProps} from 'react-native-paper'
+import {StyleSheet} from 'react-native'
 
 export function DbTextInput(props: TextInputProps): JSX.Element {
   let localProps

src/components/__tests__/DbButtonComponent.test.tsx

@@ -12,10 +12,33 @@ import {it, expect} from '@jest/globals'
 import {fireEvent, render, screen} from '@testing-library/react-native'
 
 it('renders correctly', async () => {
-  const Sample = () => <DbButton title="coucou" testID="coucou" />
+  let i = 0
+
+  const Sample = () => (
+    <DbButton title="coucou" testID="coucou" onPress={() => i++} />
+  )
 
   render(<Sample />)
+
   let punctualButton = screen.getByTestId('coucou')
   expect(punctualButton).toBeDefined()
+
+  fireEvent(punctualButton, 'onPress')
+  expect(i).toEqual(1)
+})
+
+it('renders correctly when pressed', async () => {
+  let i = 0
+
+  const Sample = () => (
+    <DbButton title="coucou" testID="coucou" testOnly_pressed={true} onPress={() => i++} />
+  )
+
+  render(<Sample />)
+
+  let punctualButton = screen.getByTestId('coucou')
+  expect(punctualButton).toBeDefined()
+
   fireEvent(punctualButton, 'onPress')
+  expect(i).toEqual(1)
 })