[Testing]: Write unit tests for core UI components with Vitest and Testing Library

[Muneerali199]

Description

Most UI components lack test coverage. We need unit tests for the most commonly used shared components to prevent regressions during refactoring.

Goals

• Set up Vitest as the test runner (it's already in devDependencies)
• Configure @testing-library/react with Vitest
• Write tests for 8+ shared components:
  • components/ui/button.tsx
  • components/ui/dialog.tsx
  • components/ui/dropdown-menu.tsx
  • components/ui/tabs.tsx
  • components/ui/alert.tsx
  • components/ui/badge.tsx
  • components/ui/toast.tsx
  • components/ui/skeleton.tsx
• Test rendering, user interactions, accessibility attributes
• Add test to workflow (CI)

Files

• __tests__/components/ui/button.test.tsx (new)
• __tests__/components/ui/dialog.test.tsx (new)
• __tests__/components/ui/dropdown-menu.test.tsx (new)
• __tests__/components/ui/tabs.test.tsx (new)
• vitest.config.ts (new, if not existing)

[nilaychugh]

hi @Muneerali199 i would like to work on this under Gssoc 2026.

thank you

[sanudking]

Hey! This looks like a great issue to work on. I'm a first-year CSE student at NIT Jalandhar participating in GSSoC 2026. I have knowledge in Typescript and would like to take this up. Can I get assigned? I'll submit a PR within a day or two. 🙏

[aaniya22]

pls assign this to me under gssoc

[shravanithouta108]

Hi @Muneerali199,

I would like to work on this issue under GSSoC'26.

I have already contributed to DraftDeckAI with a successfully merged PR and am familiar with the project's structure and development workflow.

For this task, I plan to:

• Configure and verify the existing Vitest setup with @testing-library/react
• Add unit tests for the shared UI components listed in the issue
• Cover rendering behavior, component props, user interactions, and accessibility attributes
• Test common UI states for components such as Dialog, Tabs, Dropdown Menu, Toast, and Skeleton
• Ensure the test suite runs successfully in CI and does not introduce regressions

I have prior experience writing React component tests with Vitest and Testing Library and can start working on this immediately.

Please consider assigning this issue to me.

Thank you!

[nilaychugh]

@Muneerali199 thank you for assigning this to me. will complete it and raise PR tomorrow