Merge pull request #841 from toeverything/feat/e2etest-20230206

Feat/e2etest 20230206

packages/app/src/components/workspace-modal/WorkspaceCard.tsx

@@ -23,6 +23,7 @@ export const WorkspaceCard = ({
   const { t } = useTranslation();
   return (
     <StyledCard
+      data-testid="workspace-card"
       onClick={() => {
         onClick(workspaceData);
       }}

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

@@ -32,13 +32,13 @@ export const WorkspaceSelector = () => {
           >
             <WorkspaceUnitAvatar
               size={28}
-              name={currentWorkspace?.name ?? 'AFFiNE'}
+              name={currentWorkspace?.name ?? 'AFFiNE Test'}
               workspaceUnit={currentWorkspace}
             />
           </div>
         </Avatar>
         <WorkspaceName data-testid="workspace-name">
-          {currentWorkspace?.name ?? 'AFFiNE'}
+          {currentWorkspace?.name ?? 'AFFiNE Test'}
         </WorkspaceName>
       </SelectorWrapper>
       <WorkspaceModal

packages/app/src/pages/_app.tsx

@@ -67,8 +67,8 @@ const App = ({ Component, pageProps }: AppPropsWithLayout) => {
 };
 
 const AppDefender = ({ children }: PropsWithChildren) => {
-  const { synced } = useAppState();
   const router = useRouter();
+  const { synced } = useAppState();
 
   useEffect(() => {
     if (router.asPath === '/') {
@@ -76,6 +76,11 @@ const AppDefender = ({ children }: PropsWithChildren) => {
     }
   }, [router]);
 
+  // if you visit /404, you will see the children directly
+  if (router.route === '/404') {
+    return <div>{children}</div>;
+  }
+
   return <div>{synced ? children : <PageLoading />}</div>;
 };
 

packages/app/src/providers/app-state-provider/utils.ts

@@ -1,6 +1,6 @@
 import { DataCenter } from '@affine/datacenter';
 
-const DEFAULT_WORKSPACE_NAME = 'affine';
+const DEFAULT_WORKSPACE_NAME = 'AFFiNE Test';
 
 export const createDefaultWorkspace = async (dataCenter: DataCenter) => {
   return dataCenter.createWorkspace({