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:
2026-01-25 01:32:07 +01:00
co-authored by Claude Opus 4.5
parent ad9b072ba8
commit a8731b3245
4 changed files with 631 additions and 7 deletions
+17
View File
@@ -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 />;
}