Test: Added test cases for textarea.tsx , tabs.tsx , table.tsx

Issue Summary

This issue focuses on adding comprehensive test cases for the components textarea.tsx, tabs.tsx, and table.tsx. Currently, these components either lack sufficient test coverage or have no tests at all. The expected behavior is to ensure all components are properly tested for rendering, user interaction, and edge cases to improve reliability and maintainability.

Problem Statement

The components textarea.tsx, tabs.tsx, and table.tsx do not have adequate test coverage.
This affects developers and contributors who rely on stable UI components.
Lack of testing increases the risk of bugs during future updates or refactoring.
It is difficult to validate component behavior without automated tests.

Reproduction:

Navigate to the components directory.
Check the __tests__ folder or test files.
Observe missing or incomplete test cases for the mentioned components.

Proposed Solution

Write unit tests for:
- textarea.tsx
- tabs.tsx
- table.tsx
Use a testing library like React Testing Library / Vitest.
Cover rendering, props handling, user interactions, and edge cases.
Ensure all tests pass and increase code coverage.

Files to modify:

Create new test files under __tests__ or alongside components.

Dependencies:

Testing framework (Vitest/Jest)
React Testing Library

Unit Test Requirements

Components/Functions to Test:

Module/Component	Function/Hook	Test Cases to Cover
`textarea.tsx`	input handling	TC-001, TC-002
`tabs.tsx`	tab switching	TC-003
`table.tsx`	data rendering	TC-004, TC-005

Test Assertions Required:

Renders correctly with initial state
Handles user input correctly
Validates input and shows errors (if applicable)
Updates UI state appropriately
Handles empty data gracefully

Implementation Details

Files to Change

File Path	Action	Purpose
`src/components/textarea.tsx`	Review	Ensure testability
`src/components/tabs.tsx`	Review	Ensure testability
`src/components/table.tsx`	Review	Ensure testability
`src/__tests__/textarea.test.tsx`	Create	Add tests
`src/__tests__/tabs.test.tsx`	Create	Add tests
`src/__tests__/table.test.tsx`	Create	Add tests

Technical Considerations

Use React Testing Library for UI testing.
Ensure components are testable (avoid tightly coupled logic).
Mock props and data where necessary.
Follow consistent testing patterns across components.

UI/UX Requirements

Components should render properly across all states.
Tabs should provide clear visual feedback on selection.
Table should handle large and empty datasets gracefully.
Textarea should handle user input smoothly.

Testing Strategy

Manual Testing

Test Environment:

Browser: Chrome
Viewport: Desktop & Mobile
User Role: General user

Manual Test Steps:

Render each component in the app
Interact with textarea, tabs, and table
Verify expected UI behavior

Automated Testing

Unit Tests:

Component render tests
User interaction tests
Error handling tests

Integration Tests (if applicable):

Multi-component interaction tests
Route navigation tests

Test Data Requirements

const mockTestData = {
  tableData: [
    { id: 1, name: "Item 1" },
    { id: 2, name: "Item 2" }
  ],
  tabs: ["Tab1", "Tab2"],
  textareaInput: "Sample text"
}