WIP:Implement Unit Testing in Frontend #134
Draft
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Updated vite.config.js to handle .js files as JSX during tests. - Added esbuild and optimizeDeps configurations for test environment. - Ensured proper loading of JSX files in test setup. This fixes the issue where tests failed to parse source due to invalid JS syntax.
- Added a test to verify the Main component renders without crashing. - Included a test to ensure the ToastContainer is rendered.
nishammahsin
changed the title
- Added unit tests for AreaChart component to verify: - Component renders without crashing - Custom title rendering - Correct number of data points - Rendering with default props Ensures the AreaChart component renders correctly and handles different props and data scenarios.
- Added unit tests for Main component to verify: - Component renders without crashing - Rendering with all required components - Correct order of components - BrowserRouter wrapping other components Ensures the Main component renders correctly and handles different scenarios.
- Added unit tests for BarChart component to verify: - Component renders with default props - Custom title rendering - Rendering with custom data - Respecting dataLength prop - Custom bar rendering with correct props - Custom axis labels rendering with correct props - Applying correct styling classes - Rendering with custom axis keys - Tooltip rendering Ensures the BarChart component renders correctly and handles different props and data scenarios.
- Added unit tests for LineChart component to verify: - Component renders with default props - Custom title rendering - Rendering with custom data - Custom axis labels rendering - Respecting dataLength prop - CartesianGrid rendering - Tooltip rendering - Applying correct styling classes - CustomXAxisLabel rendering with correct attributes - CustomYAxisLabel rendering with correct attributes Ensures the LineChart component renders correctly and handles different props and data scenarios.
- Moved customXAxisLabel and customYAxisLabel components outside of LineChart component - Exported customXAxisLabel and customYAxisLabel for reuse in test Improves code organization and reusability of custom axis label components.
- Added unit tests for PieChart component to verify: - Component renders with default props - Custom title rendering - Rendering with custom data - Respecting dataLength prop - Custom dataKey and labelKey rendering - Tooltip rendering - Legend rendering with correct props and colors - Applying correct styling classes - ResponsiveContainer dimensions - Handling empty and null data gracefully Ensures the PieChart component renders correctly and handles different props and data scenarios.
- Updated PieChart component to safely map over data by using `(data || [])` - Prevents runtime errors when data is null or undefined
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.