docs: add cypress test

packages/docs/app/modules/navigation/main-navigation.tsx

@@ -16,11 +16,12 @@ export function MainNavigation() {
           <AppLink {...link} key={link.to} className={linkClass} />
         ))}
       </div>
-      <div className="md:hidden" id="main-navigation-popover">
+      <div className="md:hidden">
         <PopoverMenu>
           {mainLinks.map((link) => (
             <AppLink
               {...link}
+              role="menuitem"
               key={link.to}
               className={PopoverMenu.itemClass}
             />
@@ -29,6 +30,7 @@ export function MainNavigation() {
           {guideLinks.map(({ link }) => (
             <AppLink
               {...link}
+              role="menuitem"
               key={link.to}
               className={PopoverMenu.itemClass}
             />

packages/docs/app/modules/ui/popover-menu.tsx

@@ -10,6 +10,7 @@ export function PopoverMenu({ children }: { children: React.ReactNode }) {
         <MenuAlt4Icon className="w-6" />
       </button>
       <div
+        role="menu"
         className={`
           w-48 max-h-[calc(100vh-4rem)]
           absolute right-0 top-[calc(100%+8px)]