add: create tests for BottomTabBar and TabBarButton components to verify rendering and interaction

Author: bakaqc

tests/components/tabbar/BottomTabBar.test.tsx

@@ -0,0 +1,71 @@
+import { render } from '@testing-library/react-native';
+import BottomTabBar from '@/components/tabbar/BottomTabBar';
+import { BottomTabBarProps } from '@react-navigation/bottom-tabs';
+
+describe('BottomTabBar Component', () => {
+  it('should render all tabs', () => {
+    const mockProps: BottomTabBarProps = {
+      state: {
+        index: 0,
+        routes: [
+          { key: 'home', name: 'Home', params: undefined },
+          { key: 'recipients', name: 'Recipients', params: undefined },
+          { key: 'settings', name: 'Settings', params: undefined },
+        ],
+        type: 'tab',
+        stale: false,
+        key: 'tab-key',
+        routeNames: ['Home', 'Recipients', 'Settings'],
+        history: [],
+        preloadedRouteKeys: [],
+      },
+      descriptors: {
+        home: {
+          options: { title: 'Home', tabBarIcon: undefined },
+          render: jest.fn(),
+          route: { key: 'home', name: 'Home', params: undefined },
+          navigation: jest.fn() as any,
+        },
+        recipients: {
+          options: { title: 'Recipients', tabBarIcon: undefined },
+          render: jest.fn(),
+          route: { key: 'recipients', name: 'Recipients', params: undefined },
+          navigation: jest.fn() as any,
+        },
+        settings: {
+          options: { title: 'Settings', tabBarIcon: undefined },
+          render: jest.fn(),
+          route: { key: 'settings', name: 'Settings', params: undefined },
+          navigation: jest.fn() as any,
+        },
+      },
+      navigation: {
+        emit: jest.fn(),
+        navigate: jest.fn(),
+        reset: jest.fn(),
+        goBack: jest.fn(),
+        isFocused: jest.fn(),
+        canGoBack: jest.fn(),
+        getParent: jest.fn(),
+        setParams: jest.fn(),
+        getState: jest.fn(),
+        dispatch: jest.fn(),
+        navigateDeprecated: jest.fn(),
+        preload: jest.fn(),
+        getId: jest.fn(),
+        setStateForNextRouteNamesChange: jest.fn(),
+      } as any,
+      insets: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+      },
+    };
+
+    const { getByText } = render(<BottomTabBar {...mockProps} />);
+    expect(getByText('Home')).toBeTruthy();
+    expect(getByText('Recipients')).toBeTruthy();
+    expect(getByText('Settings')).toBeTruthy();
+  });
+});

tests/components/tabbar/TabBarButton.test.tsx

@@ -0,0 +1,33 @@
+import { fireEvent, render } from '@testing-library/react-native';
+
+import TabBarButton from '@/components/tabbar/TabBarButton';
+
+describe('TabBarButton Component', () => {
+	it('should render the button with the correct label', () => {
+		const mockProps = {
+			label: 'Home',
+			isFocused: false,
+			onPress: jest.fn(),
+			tabBarActiveTintColor: '#4B6BFB',
+			tabBarInactiveTintColor: '#666',
+		};
+
+		const { getByText } = render(<TabBarButton {...mockProps} />);
+		expect(getByText('Home')).toBeTruthy();
+	});
+
+	it('should trigger onPress when the button is clicked', () => {
+		const mockOnPress = jest.fn();
+		const mockProps = {
+			label: 'Home',
+			isFocused: false,
+			onPress: mockOnPress,
+			tabBarActiveTintColor: '#4B6BFB',
+			tabBarInactiveTintColor: '#666',
+		};
+
+		const { getByText } = render(<TabBarButton {...mockProps} />);
+		fireEvent.press(getByText('Home'));
+		expect(mockOnPress).toHaveBeenCalled();
+	});
+});