auto-claude: subtask-7-1 - Create functionality tests for navigation, forms, and language switching
- Add comprehensive E2E functionality tests (33 tests): - Navigation: page loading, desktop/mobile nav links, active states - Contact Form: validation, submission, error handling - Language Switching: locale changes, URL preservation, dropdown behavior - Cross-functional: combined navigation and language flows - Accessibility: ARIA attributes for nav, menu, form labels - Fix Next.js 15 ssr:false in server component issue: - Create ChatbotLoader client wrapper for dynamic import - Update layout.tsx to use ChatbotLoader instead of direct dynamic import Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
'use client';
|
||||
|
||||
import dynamic from 'next/dynamic';
|
||||
|
||||
/**
|
||||
* Client-side wrapper for the Chatbot component.
|
||||
* Uses dynamic import with ssr: false to prevent hydration issues
|
||||
* with browser-only APIs like localStorage.
|
||||
*/
|
||||
const Chatbot = dynamic(
|
||||
() => import('./Chatbot').then((mod) => mod.Chatbot),
|
||||
{ ssr: false }
|
||||
);
|
||||
|
||||
export function ChatbotLoader() {
|
||||
return <Chatbot />;
|
||||
}
|
||||
Reference in New Issue
Block a user