test: add edgeless item test id for test

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}

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