test: add test case for quick search

packages/app/src/components/quick-search/footer.tsx

@@ -12,6 +12,7 @@ export const Footer = (props: { query: string }) => {
 
   return (
     <Command.Item
+      data-testid="quickSearch-addNewPage"
       onSelect={async () => {
         const page = await createPage({ title: query });
         openPage(page.id);

packages/app/src/components/quick-search/index.tsx

@@ -48,7 +48,12 @@ export const QuickSearch = ({ open, onClose }: TransitionsModalProps) => {
   }, [open, triggerQuickSearchModal]);
 
   return (
-    <Modal open={open} onClose={onClose} wrapperPosition={['top', 'center']}>
+    <Modal
+      open={open}
+      onClose={onClose}
+      wrapperPosition={['top', 'center']}
+      data-testid="quickSearch"
+    >
       <ModalWrapper
         width={620}
         style={{

packages/app/src/components/workspace-slider-bar/index.tsx

@@ -74,15 +74,14 @@ export const WorkSpaceSliderBar = () => {
         <StyledListItemForWorkspace>
           <WorkspaceSelector />
         </StyledListItemForWorkspace>
-        <Tooltip content="Search and quickly jump to a page" placement="right">
-          <StyledListItem
-            onClick={() => {
-              triggerQuickSearchModal();
-            }}
-          >
-            <SearchIcon /> Quick search
-          </StyledListItem>
-        </Tooltip>
+        <StyledListItem
+          data-testid="sliderBar-quickSearchButton"
+          onClick={() => {
+            triggerQuickSearchModal();
+          }}
+        >
+          <SearchIcon /> Quick search
+        </StyledListItem>
         <Link href={{ pathname: '/page-list/all' }}>
           <StyledListItem active={router.pathname === '/page-list/all'}>
             <AllPagesIcon /> <span>All pages</span>
@@ -136,6 +135,7 @@ export const WorkSpaceSliderBar = () => {
         visible={showTip}
       >
         <StyledArrowButton
+          data-testid="sliderBar-arrowButton"
           isShow={show}
           onClick={() => {
             setShow(!show);