refactor!: next generation AFFiNE code structure (#1176)

2026-07-15 09:06:19 +08:00 · 2023-03-01 01:40:01 -06:00
parent 2dcccc772c
commit e0481d29ad
270 changed files with 8308 additions and 6829 deletions
@@ -0,0 +1,30 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import { render } from '@testing-library/react';
+import React, { createContext, useContext } from 'react';
+import { expect, test } from 'vitest';
+
+import { ProviderComposer } from '../provider-composer';
+
+test('ProviderComposer', async () => {
+  const Context = createContext('null');
+  const Provider: React.FC<React.PropsWithChildren> = ({ children }) => {
+    return <Context.Provider value="test1">{children}</Context.Provider>;
+  };
+  const ConsumerComponent = () => {
+    const value = useContext(Context);
+    return <>{value}</>;
+  };
+  const Component = () => {
+    return (
+      <ProviderComposer contexts={[<Provider key={1} />]}>
+        <ConsumerComponent />
+      </ProviderComposer>
+    );
+  };
+
+  const result = render(<Component />);
+  await result.findByText('test1');
+  expect(result.asFragment()).toMatchSnapshot();
+});
@@ -0,0 +1,89 @@
+/**
+ * @vitest-environment happy-dom
+ */
+import 'fake-indexeddb/auto';
+
+import { assertExists } from '@blocksuite/store';
+import { render, renderHook } from '@testing-library/react';
+import { useRouter } from 'next/router';
+import { useCallback, useState } from 'react';
+import { describe, expect, test, vi } from 'vitest';
+import createFetchMock from 'vitest-fetch-mock';
+
+import { useCurrentPageId } from '../../hooks/current/use-current-page-id';
+import { useCurrentWorkspace } from '../../hooks/current/use-current-workspace';
+import { useBlockSuiteWorkspaceHelper } from '../../hooks/use-blocksuite-workspace-helper';
+import { useWorkspacesHelper } from '../../hooks/use-workspaces';
+import { ThemeProvider } from '../../providers/ThemeProvider';
+import { pathGenerator } from '../../shared';
+import { WorkSpaceSliderBar } from '../pure/workspace-slider-bar';
+
+const fetchMocker = createFetchMock(vi);
+
+// fetchMocker.enableMocks();
+
+describe('WorkSpaceSliderBar', () => {
+  test('basic', async () => {
+    // fetchMocker.mock
+
+    const onOpenWorkspaceListModalFn = vi.fn();
+    const onOpenQuickSearchModalFn = vi.fn();
+    const mutationHook = renderHook(() => useWorkspacesHelper());
+    const id = mutationHook.result.current.createRemLocalWorkspace('test0');
+    mutationHook.result.current.createWorkspacePage(id, 'test1');
+    const currentWorkspaceHook = renderHook(() => useCurrentWorkspace());
+    let i = 0;
+    const Component = () => {
+      const [show, setShow] = useState(false);
+      const [currentWorkspace] = useCurrentWorkspace();
+      const [currentPageId] = useCurrentPageId();
+      assertExists(currentWorkspace);
+      const helper = useBlockSuiteWorkspaceHelper(
+        currentWorkspace.blockSuiteWorkspace
+      );
+      return (
+        <WorkSpaceSliderBar
+          currentWorkspace={currentWorkspace}
+          currentPageId={currentPageId}
+          onOpenQuickSearchModal={onOpenQuickSearchModalFn}
+          onOpenWorkspaceListModal={onOpenWorkspaceListModalFn}
+          openPage={useCallback(() => {}, [])}
+          createPage={() => {
+            i++;
+            return helper.createPage('page-test-' + i);
+          }}
+          show={show}
+          setShow={setShow}
+          currentPath={useRouter().asPath}
+          paths={pathGenerator}
+          isPublicWorkspace={false}
+        />
+      );
+    };
+    const App = () => {
+      return (
+        <ThemeProvider>
+          <Component />
+        </ThemeProvider>
+      );
+    };
+    currentWorkspaceHook.result.current[1](id);
+    const app = render(<App />);
+    const card = await app.findByTestId('current-workspace');
+    expect(onOpenWorkspaceListModalFn).toBeCalledTimes(0);
+    card.click();
+    expect(onOpenWorkspaceListModalFn).toBeCalledTimes(1);
+    const newPageButton = await app.findByTestId('new-page-button');
+    newPageButton.click();
+    expect(
+      currentWorkspaceHook.result.current[0]?.blockSuiteWorkspace.meta
+        .pageMetas[1].id
+    ).toBe('page-test-1');
+    expect(onOpenQuickSearchModalFn).toBeCalledTimes(0);
+    const quickSearchButton = await app.findByTestId(
+      'slider-bar-quick-search-button'
+    );
+    quickSearchButton.click();
+    expect(onOpenQuickSearchModalFn).toBeCalledTimes(1);
+  });
+});
@@ -0,0 +1,7 @@
+// Vitest Snapshot v1
+
+exports[`ProviderComposer 1`] = `
+<DocumentFragment>
+  test1
+</DocumentFragment>
+`;