test: add test for Convert to edgeless by editor header items

packages/app/src/components/editor-mode-switch/index.tsx

@@ -127,7 +127,7 @@ export const EditorModeSwitch = ({
       <AnimateRadioItem
         isLeft={false}
         label="Edgeless"
-        data-testid="edgeless-item"
+        data-testid="switch-edgeless-item"
         icon={<EdgelessItem />}
         active={mode === 'edgeless'}
         status={radioItemStatus.right}

packages/app/src/components/header/header-right-items/editor-option-menu.tsx

@@ -42,6 +42,7 @@ const PopoverContent = () => {
       </MenuItem>
       <MenuItem
         icon={mode === 'page' ? <EdgelessIcon /> : <PaperIcon />}
+        data-testid="menus-edgeless-item"
         onClick={() => {
           changePageMode(id, mode === 'page' ? 'edgeless' : 'page');
         }}

packages/app/src/components/header/header.tsx

@@ -56,7 +56,7 @@ export const Header = ({
           setShowWarning(false);
         }}
       />
-      <StyledHeader hasWarning={showWarning}>
+      <StyledHeader hasWarning={showWarning} data-testid="editor-header-items">
         {children}
         <StyledHeaderRightSide>
           {rightItems.map(itemName => {