diff --git a/packages/app/src/components/header/header-right-items/editor-option-menu.tsx b/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
index ea809a9489..6bf07fdb74 100644
--- a/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
+++ b/packages/app/src/components/header/header-right-items/editor-option-menu.tsx
@@ -42,7 +42,7 @@ const PopoverContent = () => {
       </MenuItem>
       <MenuItem
         icon={mode === 'page' ? <EdgelessIcon /> : <PaperIcon />}
-        data-testid="menus-edgeless-item"
+        data-testid="editor-option-menu-edgeless"
         onClick={() => {
           changePageMode(id, mode === 'page' ? 'edgeless' : 'page');
         }}
diff --git a/tests/change-page-mode.spec.ts b/tests/change-page-mode.spec.ts
index 195b03a5eb..dabb50a54a 100644
--- a/tests/change-page-mode.spec.ts
+++ b/tests/change-page-mode.spec.ts
@@ -43,7 +43,7 @@ test.describe('Change page mode(Paper or Edgeless)', () => {
       .getByRole('button')
       .nth(2)
       .click();
-    const menusEdgelessItem = page.getByTestId('menus-edgeless-item');
+    const menusEdgelessItem = page.getByTestId('editor-option-menu-edgeless');
 
     await menusEdgelessItem.click();