diff --git a/packages/app/src/components/editor-mode-switch/index.tsx b/packages/app/src/components/editor-mode-switch/index.tsx
index 95faff8114..251171e0b5 100644
--- a/packages/app/src/components/editor-mode-switch/index.tsx
+++ b/packages/app/src/components/editor-mode-switch/index.tsx
@@ -127,6 +127,7 @@ export const EditorModeSwitch = ({
       <AnimateRadioItem
         isLeft={false}
         label="Edgeless"
+        data-testid="edgeless-item"
         icon={<EdgelessItem />}
         active={mode === 'edgeless'}
         status={radioItemStatus.right}
diff --git a/tests/change-page-mode.spec.ts b/tests/change-page-mode.spec.ts
index 608f75d164..b301f2d01a 100644
--- a/tests/change-page-mode.spec.ts
+++ b/tests/change-page-mode.spec.ts
@@ -11,12 +11,9 @@ test.describe('Change page mode(Paper or Edgeless)', () => {
 
     // mouse hover trigger animation for showing full switcher
     await page.mouse.move((box?.x ?? 0) + 5, (box?.y ?? 0) + 5);
-    await page.waitForTimeout(1000);
-    const edgelessButton = page
-      .getByTestId('editor-mode-switcher')
-      .locator('div')
-      .filter({ hasText: 'Edgeless' })
-      .first(); // page.getByText('Edgeless').click()
+    // await page.waitForTimeout(1000);
+    const edgelessButton = page.getByTestId('edgeless-item'); // page.getByText('Edgeless').click()
+
     await edgelessButton.click();
 
     // // mouse move to edgeless button