fix: create a new page when refresh (#1440)

apps/web/src/pages/workspace/[workspaceId]/all.tsx

@@ -17,6 +17,7 @@ import { useSyncRouterWithCurrentWorkspace } from '../../../hooks/use-sync-route
 import { WorkspaceLayout } from '../../../layouts';
 import { WorkspacePlugins } from '../../../plugins';
 import { NextPageWithLayout, RemWorkspaceFlavour } from '../../../shared';
+
 const AllPage: NextPageWithLayout = () => {
   const router = useRouter();
   const { jumpToPage } = useRouterHelper(router);
@@ -27,6 +28,7 @@ const AllPage: NextPageWithLayout = () => {
     if (!router.isReady) {
       return;
     }
+    const id = setTimeout(() => {
       if (currentWorkspace?.blockSuiteWorkspace.isEmpty) {
         // this is a new workspace, so we should redirect to the new page
         const pageId = nanoid();
@@ -39,6 +41,10 @@ const AllPage: NextPageWithLayout = () => {
         });
         currentWorkspace.blockSuiteWorkspace.createPage(pageId);
       }
+    }, 1000);
+    return () => {
+      clearTimeout(id);
+    };
   }, [currentWorkspace, jumpToPage, router]);
   const onClickPage = useCallback(
     (pageId: string, newTab?: boolean) => {

tests/shortcuts.spec.ts

@@ -10,10 +10,11 @@ test.describe('Shortcuts Modal', () => {
     await page.locator('[data-testid=help-island]').click();
 
     const shortcutsIcon = page.locator('[data-testid=shortcuts-icon]');
+    await page.waitForTimeout(1000);
     expect(await shortcutsIcon.isVisible()).toEqual(true);
 
     await shortcutsIcon.click();
-    await page.waitForTimeout(800);
+    await page.waitForTimeout(1000);
     const shortcutsModal = page.locator('[data-testid=shortcuts-modal]');
     await expect(shortcutsModal).toContainText('Keyboard Shortcuts');
   });