Issue 178- Fix Keyboard behavior in AddNoteScreen and add Test Cases

__tests__/AddNoteScreen.test.tsx

@@ -1,9 +1,9 @@
-import React from 'react';
-import { render, fireEvent, waitFor } from '@testing-library/react-native';
-import { Alert } from 'react-native';
-import AddNoteScreen from '../lib/screens/AddNoteScreen';
+import { fireEvent, render, waitFor } from '@testing-library/react-native';
 import * as Location from 'expo-location';
+import React from 'react';
+import { Alert, Keyboard, Platform } from 'react-native';
 import { Provider } from 'react-redux';
+import AddNoteScreen from '../lib/screens/AddNoteScreen';
 import { store } from '../redux/store/store';
 
 // Mock external dependencies
@@ -23,7 +23,6 @@ jest.mock('react-native/Libraries/Image/Image', () => ({
   resolveAssetSource: jest.fn(() => ({ uri: 'mocked-asset-uri' })),
 }));
 
-
 jest.mock('react-native/Libraries/Settings/NativeSettingsManager', () => ({
   settings: {},
   setValues: jest.fn(),
@@ -103,6 +102,20 @@ jest.mock('../lib/utils/api_calls', () => ({
   writeNewNote: mockWriteNewNote,
 }));
 
+jest.mock('react-native', () => {
+  const actualReactNative = jest.requireActual('react-native');
+  return {
+    ...actualReactNative,
+    Platform: {
+      OS: 'ios',
+      select: (options: { ios?: any; android?: any }) => options.ios,
+    },
+    Keyboard: {
+      dismiss: jest.fn(), // Mock dismiss to avoid ReferenceError
+    },
+  };
+});
+
 beforeEach(() => {
   // Clear mocks before each test
   jest.clearAllMocks();
@@ -124,7 +137,7 @@ describe('AddNoteScreen', () => {
     const { getByTestId } = render(<AddNoteScreen route={routeMock as any} />);
 
     // Check if the RichEditor is rendered
-    expect(getByTestId('TenTapEditor')).toBeTruthy();
+    expect(getByTestId('RichEditor')).toBeTruthy();
   });
 
 
@@ -271,5 +284,93 @@ describe('AddNoteScreen - insertAudioToEditor', () => {
 });
 
 
+describe('AddNoteScreen - Keyboard Behavior', () => {
+  it('dismisses the keyboard when tapping outside of the input', async () => {
+    const routeMock = { params: { untitledNumber: 1 } };
+    const { getByPlaceholderText, getByTestId } = render(
+      <Provider store={store}>
+        <AddNoteScreen route={routeMock as any} />
+      </Provider>
+    );
+
+    // Locate  input and simulate a text entry
+    const titleInput = getByPlaceholderText('Title Field Note');
+    fireEvent.changeText(titleInput, 'Sample Note Title');
+    expect(titleInput.props.value).toBe('Sample Note Title');
+
+    // Simulate tapping outside the keyboard
+    fireEvent.press(getByTestId('RichEditor'));
+
+    // Wait for keyboard to be dismissed
+    await waitFor(() => {
+      expect(Keyboard.dismiss).toHaveBeenCalled();
+    });
+  });
+
+  it('dismisses the keyboard when pressing the "Done" button on the keyboard', async () => {
+    const routeMock = { params: { untitledNumber: 1 } };
+    const { getByPlaceholderText } = render(
+      <Provider store={store}>
+        <AddNoteScreen route={routeMock as any} />
+      </Provider>
+    );
+
+    // Locate  input and simulate text entry
+    const titleInput = getByPlaceholderText('Title Field Note');
+    fireEvent.changeText(titleInput, 'Sample Note Title');
+
+    // Simulate pressing "Done" button
+    fireEvent(titleInput, 'submitEditing');
+
+    // Wait for keyboard to be dismissed
+    await waitFor(() => {
+      expect(Keyboard.dismiss).toHaveBeenCalled();
+    });
+  });
+
+  it('maintains keyboard dismiss functionality across multiple inputs', async () => {
+    const routeMock = { params: { untitledNumber: 1 } };
+    const { getByPlaceholderText, getByTestId } = render(
+      <Provider store={store}>
+        <AddNoteScreen route={routeMock as any} />
+      </Provider>
+    );
+
+    // Locate inputs and simulate text entry
+    const titleInput = getByPlaceholderText('Title Field Note');
+    fireEvent.changeText(titleInput, 'Sample Title');
+    expect(titleInput.props.value).toBe('Sample Title');
+
+    const editorInput = getByTestId('RichEditor');
+    fireEvent.press(editorInput);
+
+    // Simulate tapping outside inputs
+    fireEvent.press(getByTestId('RichEditor'));
+
+    // Wait for keyboard to be dismissed
+    await waitFor(() => {
+      expect(Keyboard.dismiss).toHaveBeenCalled();
+    });
+  });
+
+  it('ensures KeyboardAvoidingView adjusts UI when keyboard is visible', async () => {
+    const routeMock = { params: { untitledNumber: 1 } };
+    const { getByPlaceholderText } = render(
+      <Provider store={store}>
+        <AddNoteScreen route={routeMock as any} />
+      </Provider>
+    );
+
+    // Simulate keyboard appearing
+    const titleInput = getByPlaceholderText('Title Field Note');
+    fireEvent.changeText(titleInput, 'Testing Keyboard Adjustment');
+    fireEvent(titleInput, 'focus');
+
+    // Check that KeyboardAvoidingView behavior is set correctly
+    expect(Platform.OS === 'ios' ? 'padding' : 'height').toBeTruthy();
+  });
+});
+
+