Skip to content

test: add empty/loading/error state coverage for ContributionsTab#623

Open
amankoli09 wants to merge 1 commit into
Grainlify:mainfrom
amankoli09:test/contributions-tab-empty-state
Open

test: add empty/loading/error state coverage for ContributionsTab#623
amankoli09 wants to merge 1 commit into
Grainlify:mainfrom
amankoli09:test/contributions-tab-empty-state

Conversation

@amankoli09

Copy link
Copy Markdown
Contributor

Closes #500

📌 Description

This PR addresses an oversight in the ContributionsTab component where brand-new users with zero contributions would see an array of blank columns with "No [status] contributions", offering no real guidance. We have implemented a new zero-contribution empty state alongside robust test coverage for all asynchronous UI states.

🛠️ Changes Made

Empty State UI: Added a new ContributionEmptyBoard component that renders a clear, friendly message and illustration specifically when the user has exactly 0 total contributions.
Loading State Test Coverage: Asserted that the skeleton loader shows up correctly during data fetching, and strictly ensured that the "No contributions yet" state does not flash before data arrives.
Empty State Test Coverage: Added a test asserting that when getProfileContributions returns an empty array, the new friendly empty state appears, and the regular columns are hidden.
Error State Test Coverage: Tested the fetch failure state to ensure the error layout appears correctly with a functional retry button

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add empty-state test for src/features/dashboard/components/ContributionsTab.tsx

1 participant