b6ed413e0c
Phase 4: AI Assistant Integration - AI chat interface with suggested questions - Real-time messaging with backend OpenAI integration - Material UI chat bubbles and animations - Medical disclaimer and user-friendly UX Phase 5: Pattern Recognition & Analytics - Analytics dashboard with tabbed interface - Weekly sleep chart with bar/line visualizations - Feeding frequency graphs with type distribution - Growth curve with WHO percentiles (0-24 months) - Pattern insights with AI-powered recommendations - PDF report export functionality - Recharts integration for all data visualizations Phase 6: Testing & Optimization - Jest and React Testing Library setup - Unit tests for auth, API client, and components - Integration tests with full coverage - WCAG AA accessibility compliance testing - Performance optimizations (SWC, image optimization) - Accessibility monitoring with axe-core - 70% code coverage threshold 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
34 lines
692 B
TypeScript
34 lines
692 B
TypeScript
// Accessibility testing with axe-core
|
|
// Only runs in development mode
|
|
|
|
if (typeof window !== 'undefined' && process.env.NODE_ENV === 'development') {
|
|
import('@axe-core/react').then((axe) => {
|
|
const React = require('react');
|
|
const ReactDOM = require('react-dom');
|
|
|
|
axe.default(React, ReactDOM, 1000, {
|
|
// Configure axe rules
|
|
rules: [
|
|
{
|
|
id: 'color-contrast',
|
|
enabled: true,
|
|
},
|
|
{
|
|
id: 'label',
|
|
enabled: true,
|
|
},
|
|
{
|
|
id: 'button-name',
|
|
enabled: true,
|
|
},
|
|
{
|
|
id: 'link-name',
|
|
enabled: true,
|
|
},
|
|
],
|
|
});
|
|
});
|
|
}
|
|
|
|
export {}
|