feat: e2e tests for peek view (#7112)

fix AFF-1163

packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx

@@ -86,9 +86,18 @@ const usePatchSpecs = (page: Doc, specs: BlockSpec[]) => {
       patchReferenceRenderer(patched, reactToLit, referenceRenderer),
       confirmModal
     );
-    patched = patchPeekViewService(patched, peekViewService);
+    if (!page.readonly) {
+      patched = patchPeekViewService(patched, peekViewService);
+    }
     return patched;
-  }, [confirmModal, peekViewService, reactToLit, referenceRenderer, specs]);
+  }, [
+    confirmModal,
+    page.readonly,
+    peekViewService,
+    reactToLit,
+    referenceRenderer,
+    specs,
+  ]);
 
   return [
     patchedSpecs,

packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/switch-items.tsx

@@ -26,6 +26,7 @@ const HoverAnimateController = ({
     <StyledSwitchItem
       hide={hide}
       active={active}
+      data-active={active}
       trash={trash}
       onMouseEnter={() => {
         setStartAnimate(true);

packages/frontend/core/src/components/pure/workspace-slider-bar/favorite/favourite-nav-item.tsx

@@ -100,6 +100,7 @@ export const FavouriteDocSidebarNavItem = ({
       <MenuLinkItem
         {...listeners}
         data-testid={`favourite-page-${pageId}`}
+        data-favourite-page-item
         icon={icon}
         data-draggable={true}
         data-dragging={isDragging}

packages/frontend/core/src/components/workspace/index.tsx

@@ -61,6 +61,7 @@ export const MainContainer = forwardRef<
       data-transparent={false}
       data-client-border={clientBorder}
       data-side-bar-open={appSideBarOpen}
+      data-testid="main-container"
       ref={ref}
     >
       {children}

packages/frontend/core/src/modules/peek-view/view/peek-view-manager.tsx

@@ -42,7 +42,7 @@ export const PeekViewManagerModal = () => {
 
   return (
     <PeekViewModalContainer
-      open={show}
+      open={show && !!preview}
       target={
         activePeekView?.target instanceof HTMLElement
           ? activePeekView.target

packages/frontend/core/src/modules/workbench/view/workbench-link.tsx

@@ -18,11 +18,11 @@ export const WorkbenchLink = forwardRef<
     (typeof to === 'string' ? to : `${to.pathname}${to.search}${to.hash}`);
   const handleClick = useCallback(
     (event: React.MouseEvent<HTMLAnchorElement>) => {
+      event.preventDefault();
+      event.stopPropagation();
       if (onClick?.(event)) {
         return;
       }
-      event.preventDefault();
-      event.stopPropagation();
 
       if (event.ctrlKey || event.metaKey) {
         if (appSettings.enableMultiView && environment.isDesktop) {