refactor: add missed scenarios for inputs

Author: yjose

setup.ts

@@ -1,4 +1,3 @@
-import '@testing-library/react-native/extend-expect';
 // react-hook form setup for testing
 // @ts-ignore
 global.window = {};

src/ui/button.test.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable max-lines-per-function */
 import React from 'react';
+import { Text } from 'react-native';
 
 import { cleanup, fireEvent, render, screen } from '@/core/test-utils';
 
@@ -9,9 +10,17 @@ afterEach(cleanup);
 
 describe('Button component ', () => {
   it('should render correctly ', () => {
-    render(<Button testID="button" disabled={false} />);
+    render(<Button testID="button" />);
     expect(screen.getByTestId('button')).toBeOnTheScreen();
   });
+  it('should render correctly if we add explicit child ', () => {
+    render(
+      <Button testID="button">
+        <Text> Custom child </Text>
+      </Button>
+    );
+    expect(screen.getByText('Custom child')).toBeOnTheScreen();
+  });
   it('should render the label correctly', () => {
     render(<Button testID="button" label="Submit" />);
     expect(screen.getByTestId('button')).toBeOnTheScreen();

src/ui/input.test.tsx

@@ -1,5 +1,6 @@
 /* eslint-disable max-lines-per-function */
 import React from 'react';
+import { I18nManager } from 'react-native';
 
 import { cleanup, fireEvent, render, screen } from '@/core/test-utils';
 
@@ -12,6 +13,21 @@ describe('Input component ', () => {
     render(<Input testID="input" />);
     expect(screen.getByTestId('input')).toBeOnTheScreen();
   });
+  it('should use the right direction for rtl layout', () => {
+    I18nManager.isRTL = true;
+    render(<Input testID="input" />);
+    expect(screen.getByTestId('input')).toHaveStyle({
+      writingDirection: 'rtl',
+    });
+  });
+
+  it('should use the right direction for ltr layout', () => {
+    I18nManager.isRTL = false;
+    render(<Input testID="input" />);
+    expect(screen.getByTestId('input')).toHaveStyle({
+      writingDirection: 'ltr',
+    });
+  });
 
   it('should render the placeholder correctly ', () => {
     render(<Input testID="input" placeholder="Enter your username" />);