fix: use data-testid (#2487)

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);
           }}

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);
         }}

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?.();

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?.();

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>;