diff --git a/apps/web/src/components/blocksuite/workspace-header/header-right-items/editor-option-menu.tsx b/apps/web/src/components/blocksuite/workspace-header/header-right-items/editor-option-menu.tsx
index de34e96a03..0518d6bc64 100644
--- a/apps/web/src/components/blocksuite/workspace-header/header-right-items/editor-option-menu.tsx
+++ b/apps/web/src/components/blocksuite/workspace-header/header-right-items/editor-option-menu.tsx
@@ -109,7 +109,7 @@ const PageMenu = () => {
         </MenuItem>
         <Export />
         <MoveToTrash
-          testId="editor-option-menu-delete"
+          data-testid="editor-option-menu-delete"
           onItemClick={() => {
             setOpenConfirm(true);
           }}
diff --git a/packages/component/src/components/page-list/operation-cell.tsx b/packages/component/src/components/page-list/operation-cell.tsx
index 7f27675d8e..1a3a064a9c 100644
--- a/packages/component/src/components/page-list/operation-cell.tsx
+++ b/packages/component/src/components/page-list/operation-cell.tsx
@@ -47,7 +47,7 @@ export const OperationCell: React.FC<OperationCellProps> = ({
     <>
       {isPublic && (
         <DisablePublicSharing
-          testId="disable-public-sharing"
+          data-testid="disable-public-sharing"
           onItemClick={() => {
             setOpenDisableShared(true);
           }}
@@ -71,7 +71,7 @@ export const OperationCell: React.FC<OperationCellProps> = ({
         </MenuItem>
       )}
       <MoveToTrash
-        testId="move-to-trash"
+        data-testid="move-to-trash"
         onItemClick={() => {
           setOpen(true);
         }}
diff --git a/packages/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx b/packages/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx
index aa9d0573fc..5cae69591d 100644
--- a/packages/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx
+++ b/packages/component/src/components/page-list/operation-menu-items/disable-public-sharing.tsx
@@ -26,13 +26,13 @@ const StyledMenuItem = styled(MenuItem)(({ theme }) => {
 export const DisablePublicSharing = ({
   onSelect,
   onItemClick,
-  testId,
+  ...props
 }: CommonMenuItemProps) => {
   const t = useAFFiNEI18N();
   return (
     <>
       <StyledMenuItem
-        data-testid={testId}
+        {...props}
         onClick={() => {
           onItemClick?.();
           onSelect?.();
diff --git a/packages/component/src/components/page-list/operation-menu-items/move-to-trash.tsx b/packages/component/src/components/page-list/operation-menu-items/move-to-trash.tsx
index 82d472578a..b762200f17 100644
--- a/packages/component/src/components/page-list/operation-menu-items/move-to-trash.tsx
+++ b/packages/component/src/components/page-list/operation-menu-items/move-to-trash.tsx
@@ -8,14 +8,14 @@ import type { CommonMenuItemProps } from './types';
 export const MoveToTrash = ({
   onSelect,
   onItemClick,
-  testId,
+  ...props
 }: CommonMenuItemProps) => {
   const t = useAFFiNEI18N();
 
   return (
     <>
       <MenuItem
-        data-testid={testId}
+        {...props}
         onClick={() => {
           onItemClick?.();
           onSelect?.();
diff --git a/packages/component/src/components/page-list/operation-menu-items/types.ts b/packages/component/src/components/page-list/operation-menu-items/types.ts
index 79cf3c7a74..7877ca7331 100644
--- a/packages/component/src/components/page-list/operation-menu-items/types.ts
+++ b/packages/component/src/components/page-list/operation-menu-items/types.ts
@@ -1,7 +1,8 @@
+import type { HTMLAttributes } from 'react';
+
 export type CommonMenuItemProps<SelectParams = undefined> = {
   // onItemClick is triggered when the item is clicked, sometimes after item click, it still has some internal logic to run(like popover a new menu), so we need to have a separate callback for that
   onItemClick?: () => void;
   // onSelect is triggered when the item is selected, it's the final callback for the item click
   onSelect?: (params?: SelectParams) => void;
-  testId?: string;
-};
+} & HTMLAttributes<HTMLButtonElement>;