Testing Strategy

Testing Strategy

Component Testing

Library: Vitest + React Testing Library

Requirements:

• Test user interactions (click, type, submit)

• Test accessibility (ARIA, keyboard navigation)

• Test error states and loading states

• Mock API calls

E2E Testing

Library: Playwright

Critical Flows to Test:

• User login/logout

• Campaign creation wizard

• Email sending flow

• Dashboard navigation

---

Related Documents

• Component Library - Detailed component specifications

• Design System - Core design principles

• Design Tokens - Color, spacing, typography values

• Accessibility Guidelines - WCAG compliance standards

• Analytics Views - Dashboard and view specifications

---

Keywords: UI patterns, tech stack, Next.js 15, Tailwind CSS, shadcn/ui, react-hook-form, zod, lucide-react, design patterns, animation, responsive design, Framer Motion, testing

---

Note: The detailed component implementation code above (Layout Components, Button Components, Form Components, etc.) is legacy content that will be moved to component-library.md. This document focuses on high-level patterns and tech stack decisions.