From fd7244e6791c639be21762b85ab0d7d3fbd22ea1 Mon Sep 17 00:00:00 2001
From: Sebastian Markgraf <sebastian.markgraf@code-hive.de>
Date: Mon, 19 Feb 2024 14:31:31 +0100
Subject: [PATCH 1/2] fix(test): make snapshot test useful

---
 package.json                                  |  16 +-
 .../__snapshots__/common.test.tsx.snap        | 835 ++++++++++--------
 src/__tests__/common.test.tsx                 |   2 +-
 3 files changed, 491 insertions(+), 362 deletions(-)

diff --git a/package.json b/package.json
index b361fe3..158c444 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "!**/.*"
   ],
   "scripts": {
-    "test": "jest -u",
+    "test": "jest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint .",
     "prepack": "bob build",
@@ -106,9 +106,7 @@
     "node": ">= 16.0.0"
   },
   "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
+    "extends": ["@commitlint/config-conventional"]
   },
   "release-it": {
     "git": {
@@ -129,10 +127,7 @@
   },
   "eslintConfig": {
     "root": true,
-    "extends": [
-      "@react-native-community",
-      "prettier"
-    ],
+    "extends": ["@react-native-community", "prettier"],
     "rules": {
       "prettier/prettier": [
         "error",
@@ -146,10 +141,7 @@
       ]
     }
   },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
+  "eslintIgnore": ["node_modules/", "lib/"],
   "prettier": {
     "quoteProps": "consistent",
     "singleQuote": true,
diff --git a/src/__tests__/__snapshots__/common.test.tsx.snap b/src/__tests__/__snapshots__/common.test.tsx.snap
index 0db904f..3effb85 100644
--- a/src/__tests__/__snapshots__/common.test.tsx.snap
+++ b/src/__tests__/__snapshots__/common.test.tsx.snap
@@ -102,7 +102,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
         }
       >
         <View
-          accessibilityLabel="November"
+          accessibilityLabel="February"
           accessibilityRole="button"
           accessibilityState={
             Object {
@@ -159,12 +159,12 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 ]
               }
             >
-              November
+              February
             </Text>
           </View>
         </View>
         <View
-          accessibilityLabel="2023"
+          accessibilityLabel="2024"
           accessibilityRole="button"
           accessibilityState={
             Object {
@@ -221,72 +221,11 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 ]
               }
             >
-              2023
+              2024
             </Text>
           </View>
         </View>
       </View>
-      <View
-        accessibilityLabel="00:12"
-        accessibilityRole="button"
-        accessibilityState={
-          Object {
-            "busy": undefined,
-            "checked": undefined,
-            "disabled": undefined,
-            "expanded": undefined,
-            "selected": undefined,
-          }
-        }
-        accessibilityValue={
-          Object {
-            "max": undefined,
-            "min": undefined,
-            "now": undefined,
-            "text": undefined,
-          }
-        }
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-      >
-        <View
-          style={
-            Array [
-              Object {
-                "borderRadius": 5,
-                "marginHorizontal": 1,
-                "paddingHorizontal": 5,
-                "paddingVertical": 5,
-              },
-              undefined,
-            ]
-          }
-        >
-          <Text
-            style={
-              Array [
-                Object {
-                  "fontSize": 15,
-                  "fontWeight": "bold",
-                },
-                undefined,
-              ]
-            }
-          >
-            00:12
-          </Text>
-        </View>
-      </View>
       <View
         accessibilityLabel="Next"
         accessibilityRole="button"
@@ -496,7 +435,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -504,7 +444,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -512,7 +453,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -520,7 +462,17 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
+              "width": "14.2%",
+            }
+          }
+        />
+        <View
+          style={
+            Object {
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -572,17 +524,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-01"
+            testID="2024-02-01"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 1
               </Text>
             </View>
@@ -591,7 +551,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -643,17 +604,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-02"
+            testID="2024-02-02"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 2
               </Text>
             </View>
@@ -662,7 +631,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -714,17 +684,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-03"
+            testID="2024-02-03"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 3
               </Text>
             </View>
@@ -733,7 +711,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -785,17 +764,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-04"
+            testID="2024-02-04"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 4
               </Text>
             </View>
@@ -804,7 +791,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -856,17 +844,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-05"
+            testID="2024-02-05"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 5
               </Text>
             </View>
@@ -875,7 +871,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -927,17 +924,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-06"
+            testID="2024-02-06"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 6
               </Text>
             </View>
@@ -946,7 +951,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -998,17 +1004,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-07"
+            testID="2024-02-07"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 7
               </Text>
             </View>
@@ -1017,7 +1031,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1069,17 +1084,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-08"
+            testID="2024-02-08"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 8
               </Text>
             </View>
@@ -1088,7 +1111,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1140,17 +1164,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-09"
+            testID="2024-02-09"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 9
               </Text>
             </View>
@@ -1159,7 +1191,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1211,17 +1244,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-10"
+            testID="2024-02-10"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 10
               </Text>
             </View>
@@ -1230,7 +1271,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1282,17 +1324,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-11"
+            testID="2024-02-11"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 11
               </Text>
             </View>
@@ -1301,7 +1351,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1353,17 +1404,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-12"
+            testID="2024-02-12"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 12
               </Text>
             </View>
@@ -1372,7 +1431,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1424,17 +1484,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-13"
+            testID="2024-02-13"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 13
               </Text>
             </View>
@@ -1443,7 +1511,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1495,17 +1564,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-14"
+            testID="2024-02-14"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 14
               </Text>
             </View>
@@ -1514,7 +1591,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1566,17 +1644,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-15"
+            testID="2024-02-15"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 15
               </Text>
             </View>
@@ -1585,7 +1671,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1632,29 +1719,28 @@ exports[`COMMON TESTS should render with default options 1`] = `
                   "margin": 1.5,
                 },
                 undefined,
-                Object {
-                  "borderColor": "#0047FF",
-                  "borderWidth": 2,
-                },
+                null,
                 null,
                 false,
               ]
             }
-            testID="2023-11-16"
+            testID="2024-02-16"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
               <Text
                 style={
-                  Object {
-                    "color": "#0047FF",
-                  }
+                  Array [
+                    undefined,
+                  ]
                 }
               >
                 16
@@ -1665,7 +1751,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1717,17 +1804,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-17"
+            testID="2024-02-17"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 17
               </Text>
             </View>
@@ -1736,7 +1831,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1788,17 +1884,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-18"
+            testID="2024-02-18"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 18
               </Text>
             </View>
@@ -1807,7 +1911,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1854,22 +1959,35 @@ exports[`COMMON TESTS should render with default options 1`] = `
                   "margin": 1.5,
                 },
                 undefined,
-                null,
+                Object {
+                  "borderColor": "#0047FF",
+                  "borderWidth": 2,
+                },
                 null,
                 false,
               ]
             }
-            testID="2023-11-19"
+            testID="2024-02-19"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#0047FF",
+                    },
+                  ]
+                }
+              >
                 19
               </Text>
             </View>
@@ -1878,7 +1996,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -1930,17 +2049,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-20"
+            testID="2024-02-20"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 20
               </Text>
             </View>
@@ -1949,7 +2076,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2001,17 +2129,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-21"
+            testID="2024-02-21"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 21
               </Text>
             </View>
@@ -2020,7 +2156,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2072,17 +2209,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-22"
+            testID="2024-02-22"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 22
               </Text>
             </View>
@@ -2091,7 +2236,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2143,17 +2289,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-23"
+            testID="2024-02-23"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 23
               </Text>
             </View>
@@ -2162,7 +2316,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2214,17 +2369,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-24"
+            testID="2024-02-24"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 24
               </Text>
             </View>
@@ -2233,7 +2396,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2285,17 +2449,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-25"
+            testID="2024-02-25"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 25
               </Text>
             </View>
@@ -2304,7 +2476,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2356,17 +2529,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-26"
+            testID="2024-02-26"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 26
               </Text>
             </View>
@@ -2375,7 +2556,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2427,17 +2609,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-27"
+            testID="2024-02-27"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 27
               </Text>
             </View>
@@ -2446,7 +2636,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2498,17 +2689,25 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-28"
+            testID="2024-02-28"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
                 28
               </Text>
             </View>
@@ -2517,7 +2716,8 @@ exports[`COMMON TESTS should render with default options 1`] = `
         <View
           style={
             Object {
-              "height": 41.857142857142854,
+              "height": 42.857142857142854,
+              "position": "relative",
               "width": "14.2%",
             }
           }
@@ -2569,89 +2769,26 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2023-11-29"
+            testID="2024-02-29"
           >
             <View
               style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
-                }
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
               }
             >
-              <Text>
-                29
-              </Text>
-            </View>
-          </View>
-        </View>
-        <View
-          style={
-            Object {
-              "height": 41.857142857142854,
-              "width": "14.2%",
-            }
-          }
-        >
-          <View
-            accessibilityLabel="30"
-            accessibilityRole="button"
-            accessibilityState={
-              Object {
-                "busy": undefined,
-                "checked": undefined,
-                "disabled": false,
-                "expanded": undefined,
-                "selected": undefined,
-              }
-            }
-            accessibilityValue={
-              Object {
-                "max": undefined,
-                "min": undefined,
-                "now": undefined,
-                "text": undefined,
-              }
-            }
-            accessible={true}
-            collapsable={false}
-            focusable={true}
-            onBlur={[Function]}
-            onClick={[Function]}
-            onFocus={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
-            style={
-              Array [
-                Object {
-                  "alignItems": "center",
-                  "borderRadius": 100,
-                  "flex": 1,
-                  "justifyContent": "center",
-                  "margin": 1.5,
-                },
-                undefined,
-                null,
-                null,
-                false,
-              ]
-            }
-            testID="2023-11-30"
-          >
-            <View
-              style={
-                Object {
-                  "alignItems": "center",
-                  "justifyContent": "center",
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
                 }
-              }
-            >
-              <Text>
-                30
+              >
+                29
               </Text>
             </View>
           </View>
diff --git a/src/__tests__/common.test.tsx b/src/__tests__/common.test.tsx
index b7c2aee..2b4f7b6 100644
--- a/src/__tests__/common.test.tsx
+++ b/src/__tests__/common.test.tsx
@@ -4,7 +4,7 @@ import DateTimePicker from '../DateTimePicker';
 
 describe('COMMON TESTS', () => {
   test('should render with default options', () => {
-    render(<DateTimePicker mode="single" />);
+    render(<DateTimePicker mode="single" today={new Date(2024, 2, 19)} />);
     expect(screen.toJSON()).toMatchSnapshot();
   });
 });

From dfd0b3d0182c77bca816fe73a93e1816df15072b Mon Sep 17 00:00:00 2001
From: Sebastian Markgraf <sebastian.markgraf@code-hive.de>
Date: Mon, 19 Feb 2024 14:52:09 +0100
Subject: [PATCH 2/2] fix: update snapshot

---
 .../__snapshots__/common.test.tsx.snap        | 237 +++++++++++++++---
 src/__tests__/common.test.tsx                 |   2 +-
 2 files changed, 204 insertions(+), 35 deletions(-)

diff --git a/src/__tests__/__snapshots__/common.test.tsx.snap b/src/__tests__/__snapshots__/common.test.tsx.snap
index 3effb85..c634a21 100644
--- a/src/__tests__/__snapshots__/common.test.tsx.snap
+++ b/src/__tests__/__snapshots__/common.test.tsx.snap
@@ -102,7 +102,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
         }
       >
         <View
-          accessibilityLabel="February"
+          accessibilityLabel="March"
           accessibilityRole="button"
           accessibilityState={
             Object {
@@ -159,7 +159,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 ]
               }
             >
-              February
+              March
             </Text>
           </View>
         </View>
@@ -468,6 +468,15 @@ exports[`COMMON TESTS should render with default options 1`] = `
             }
           }
         />
+        <View
+          style={
+            Object {
+              "height": 42.857142857142854,
+              "position": "relative",
+              "width": "14.2%",
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -524,7 +533,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-01"
+            testID="2024-03-01"
           >
             <View
               style={
@@ -604,7 +613,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-02"
+            testID="2024-03-02"
           >
             <View
               style={
@@ -684,7 +693,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-03"
+            testID="2024-03-03"
           >
             <View
               style={
@@ -764,7 +773,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-04"
+            testID="2024-03-04"
           >
             <View
               style={
@@ -844,7 +853,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-05"
+            testID="2024-03-05"
           >
             <View
               style={
@@ -924,7 +933,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-06"
+            testID="2024-03-06"
           >
             <View
               style={
@@ -1004,7 +1013,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-07"
+            testID="2024-03-07"
           >
             <View
               style={
@@ -1084,7 +1093,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-08"
+            testID="2024-03-08"
           >
             <View
               style={
@@ -1164,7 +1173,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-09"
+            testID="2024-03-09"
           >
             <View
               style={
@@ -1244,7 +1253,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-10"
+            testID="2024-03-10"
           >
             <View
               style={
@@ -1324,7 +1333,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-11"
+            testID="2024-03-11"
           >
             <View
               style={
@@ -1404,7 +1413,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-12"
+            testID="2024-03-12"
           >
             <View
               style={
@@ -1484,7 +1493,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-13"
+            testID="2024-03-13"
           >
             <View
               style={
@@ -1564,7 +1573,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-14"
+            testID="2024-03-14"
           >
             <View
               style={
@@ -1644,7 +1653,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-15"
+            testID="2024-03-15"
           >
             <View
               style={
@@ -1724,7 +1733,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-16"
+            testID="2024-03-16"
           >
             <View
               style={
@@ -1804,7 +1813,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-17"
+            testID="2024-03-17"
           >
             <View
               style={
@@ -1884,7 +1893,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-18"
+            testID="2024-03-18"
           >
             <View
               style={
@@ -1959,15 +1968,15 @@ exports[`COMMON TESTS should render with default options 1`] = `
                   "margin": 1.5,
                 },
                 undefined,
+                null,
                 Object {
+                  "backgroundColor": "#0047FF",
                   "borderColor": "#0047FF",
-                  "borderWidth": 2,
                 },
-                null,
                 false,
               ]
             }
-            testID="2024-02-19"
+            testID="2024-03-19"
           >
             <View
               style={
@@ -1983,7 +1992,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 style={
                   Array [
                     Object {
-                      "color": "#0047FF",
+                      "color": "#fff",
                     },
                   ]
                 }
@@ -2049,7 +2058,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-20"
+            testID="2024-03-20"
           >
             <View
               style={
@@ -2129,7 +2138,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-21"
+            testID="2024-03-21"
           >
             <View
               style={
@@ -2209,7 +2218,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-22"
+            testID="2024-03-22"
           >
             <View
               style={
@@ -2289,7 +2298,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-23"
+            testID="2024-03-23"
           >
             <View
               style={
@@ -2369,7 +2378,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-24"
+            testID="2024-03-24"
           >
             <View
               style={
@@ -2449,7 +2458,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-25"
+            testID="2024-03-25"
           >
             <View
               style={
@@ -2529,7 +2538,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-26"
+            testID="2024-03-26"
           >
             <View
               style={
@@ -2609,7 +2618,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-27"
+            testID="2024-03-27"
           >
             <View
               style={
@@ -2689,7 +2698,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-28"
+            testID="2024-03-28"
           >
             <View
               style={
@@ -2769,7 +2778,7 @@ exports[`COMMON TESTS should render with default options 1`] = `
                 false,
               ]
             }
-            testID="2024-02-29"
+            testID="2024-03-29"
           >
             <View
               style={
@@ -2793,6 +2802,166 @@ exports[`COMMON TESTS should render with default options 1`] = `
             </View>
           </View>
         </View>
+        <View
+          style={
+            Object {
+              "height": 42.857142857142854,
+              "position": "relative",
+              "width": "14.2%",
+            }
+          }
+        >
+          <View
+            accessibilityLabel="30"
+            accessibilityRole="button"
+            accessibilityState={
+              Object {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              Object {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              Array [
+                Object {
+                  "alignItems": "center",
+                  "borderRadius": 100,
+                  "flex": 1,
+                  "justifyContent": "center",
+                  "margin": 1.5,
+                },
+                undefined,
+                null,
+                null,
+                false,
+              ]
+            }
+            testID="2024-03-30"
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
+                30
+              </Text>
+            </View>
+          </View>
+        </View>
+        <View
+          style={
+            Object {
+              "height": 42.857142857142854,
+              "position": "relative",
+              "width": "14.2%",
+            }
+          }
+        >
+          <View
+            accessibilityLabel="31"
+            accessibilityRole="button"
+            accessibilityState={
+              Object {
+                "busy": undefined,
+                "checked": undefined,
+                "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
+              }
+            }
+            accessibilityValue={
+              Object {
+                "max": undefined,
+                "min": undefined,
+                "now": undefined,
+                "text": undefined,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onBlur={[Function]}
+            onClick={[Function]}
+            onFocus={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              Array [
+                Object {
+                  "alignItems": "center",
+                  "borderRadius": 100,
+                  "flex": 1,
+                  "justifyContent": "center",
+                  "margin": 1.5,
+                },
+                undefined,
+                null,
+                null,
+                false,
+              ]
+            }
+            testID="2024-03-31"
+          >
+            <View
+              style={
+                Array [
+                  Object {
+                    "alignItems": "center",
+                    "justifyContent": "center",
+                  },
+                ]
+              }
+            >
+              <Text
+                style={
+                  Array [
+                    undefined,
+                  ]
+                }
+              >
+                31
+              </Text>
+            </View>
+          </View>
+        </View>
       </View>
     </View>
   </View>
diff --git a/src/__tests__/common.test.tsx b/src/__tests__/common.test.tsx
index 2b4f7b6..8aecc70 100644
--- a/src/__tests__/common.test.tsx
+++ b/src/__tests__/common.test.tsx
@@ -4,7 +4,7 @@ import DateTimePicker from '../DateTimePicker';
 
 describe('COMMON TESTS', () => {
   test('should render with default options', () => {
-    render(<DateTimePicker mode="single" today={new Date(2024, 2, 19)} />);
+    render(<DateTimePicker mode="single" date={new Date(2024, 2, 19)} />);
     expect(screen.toJSON()).toMatchSnapshot();
   });
 });