test: add test for caretHidden prop

- add test case to ensure caret is not rendered when caretHidden is true
- add testID to Caret component for easier testing

Author: johelder

src/__tests__/text-input-otp.test.tsx

@@ -25,7 +25,11 @@ describe('TextInputOTP Component', () => {
     const mockedOnFilled = jest.fn();
     const view = render({ onFilled: mockedOnFilled });
     fireEvent.changeText(view.getByTestId('hidden-text-input'), CODE);
-
     expect(mockedOnFilled).toHaveBeenCalledWith(CODE);
   });
+
+  it('should not render the animated caret when caretHidden prop is true', () => {
+    const view = render({ caretHidden: true });
+    expect(view.queryByTestId('caret')).toBeNull();
+  });
 });

src/components/caret.tsx

@@ -26,6 +26,7 @@ export function Caret() {
 
   return (
     <Animated.View
+      testID="caret"
       style={[
         styles.caret,
         { opacity, backgroundColor: caretColor ?? DEFAULT_DARK_COLOR },