test(mobile): basic e2e tests (#8031)

fix AF-1289

1. tested on 'webkit'
2. a few baseline test cases

packages/frontend/mobile/src/pages/workspace/detail/page-header-more-button.tsx

@@ -78,7 +78,7 @@ export const PageHeaderMenuButton = ({ docId }: PageMenuProps) => {
     <>
       <MobileMenuItem
         prefixIcon={currentMode === 'page' ? <EdgelessIcon /> : <PageIcon />}
-        data-testid="editor-option-menu-edgeless"
+        data-testid="editor-option-menu-mode-switch"
         onSelect={handleSwitchMode}
       >
         {t['Convert to ']()}
@@ -133,7 +133,7 @@ export const PageHeaderMenuButton = ({ docId }: PageMenuProps) => {
     >
       <IconButton
         size={24}
-        data-testid="header-dropDownButton"
+        data-testid="detail-page-header-more-button"
         className={styles.iconButton}
       >
         <MoreHorizontalIcon />

packages/frontend/mobile/src/pages/workspace/search.tsx

@@ -133,7 +133,7 @@ export const Component = () => {
 
   return (
     <>
-      <div className={styles.searchHeader}>
+      <div className={styles.searchHeader} data-testid="search-header">
         <SearchInput
           debounce={300}
           autoFocus={!searchInput}