fix: add navigation role attribute for better test selector

src/components/layout/header.tsx

@@ -165,7 +165,7 @@ function HeaderContent() {
               />
             </Link>
 
-            <nav className="hidden md:flex items-center gap-1" role="navigation" aria-label="主导航">
+            <nav className="hidden md:flex items-center gap-1" role="navigation" aria-label="主导航" data-testid="desktop-navigation">
               {navigationItems.map((item) => (
                 <Link
                   key={item.id}
@@ -200,6 +200,7 @@ function HeaderContent() {
               <Button 
                 size="sm"
                 asChild
+                data-testid="consult-button"
               >
                 <Link href="/contact">立即咨询</Link>
               </Button>
@@ -212,6 +213,7 @@ function HeaderContent() {
               aria-expanded={isOpen}
               aria-controls="mobile-menu"
               aria-label={isOpen ? '关闭菜单' : '打开菜单'}
+              data-testid="mobile-menu-button"
               style={{ minWidth: '44px', minHeight: '44px' }}
             >
               {isOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
@@ -244,6 +246,7 @@ function HeaderContent() {
               id="mobile-menu"
               role="navigation"
               aria-label="移动端导航"
+              data-testid="mobile-navigation"
             >
               <nav className="container-wide py-6">
                 {navigationItems.map((item, index) => (