- 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>
18 lines
382 B
TypeScript
18 lines
382 B
TypeScript
'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 />;
|
|
}
|