From 3e131603dd183358863c2adc29ff9f862c70d73a Mon Sep 17 00:00:00 2001
From: Himself65 <himself65@outlook.com>
Date: Sun, 5 Mar 2023 00:51:29 -0600
Subject: [PATCH] fix: always show workspace list modal when no workspaces
 (#1321)

---
 .../panel/general/delete/index.tsx            |  2 ++
 .../panel/general/index.tsx                   |  1 +
 apps/web/src/providers/ModalProvider.tsx      |  2 +-
 tests/libs/sidebar.ts                         |  5 +++++
 tests/local-first-delete-workspace.spec.ts    | 21 +++++++++++++++++++
 5 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 tests/libs/sidebar.ts
 create mode 100644 tests/local-first-delete-workspace.spec.ts

diff --git a/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx b/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
index c2187f158c..5399028eb2 100644
--- a/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
+++ b/apps/web/src/components/affine/workspace-setting-detail/panel/general/delete/index.tsx
@@ -67,6 +67,7 @@ export const WorkspaceDeleteModal = ({
         <StyledInputContent>
           <Input
             onChange={setDeleteStr}
+            data-testid="delete-workspace-input"
             placeholder={t('Delete Workspace placeholder')}
             value={deleteStr}
             width={284}
@@ -78,6 +79,7 @@ export const WorkspaceDeleteModal = ({
             {t('Cancel')}
           </Button>
           <Button
+            data-testid="delete-workspace-confirm-button"
             disabled={!allowDelete}
             onClick={handleDelete}
             type="danger"
diff --git a/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx b/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
index 9babd82374..150df3cf43 100644
--- a/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
+++ b/apps/web/src/components/affine/workspace-setting-detail/panel/general/index.tsx
@@ -187,6 +187,7 @@ export const GeneralPanel: React.FC<PanelProps> = ({
               type="danger"
               shape="circle"
               style={{ borderRadius: '40px' }}
+              data-testid="delete-workspace-button"
               onClick={() => {
                 setShowDelete(true);
               }}
diff --git a/apps/web/src/providers/ModalProvider.tsx b/apps/web/src/providers/ModalProvider.tsx
index f341fd4196..18191090f4 100644
--- a/apps/web/src/providers/ModalProvider.tsx
+++ b/apps/web/src/providers/ModalProvider.tsx
@@ -34,7 +34,7 @@ export function Modals() {
         user={user}
         workspaces={workspaces}
         currentWorkspaceId={currentWorkspaceId}
-        open={openWorkspacesModal}
+        open={openWorkspacesModal || workspaces.length === 0}
         onClose={useCallback(() => {
           setOpenWorkspacesModal(false);
         }, [setOpenWorkspacesModal])}
diff --git a/tests/libs/sidebar.ts b/tests/libs/sidebar.ts
new file mode 100644
index 0000000000..68922a832d
--- /dev/null
+++ b/tests/libs/sidebar.ts
@@ -0,0 +1,5 @@
+import { Page } from '@playwright/test';
+
+export async function clickSideBarSettingButton(page: Page) {
+  await page.getByTestId('slider-bar-workspace-setting-button').click();
+}
diff --git a/tests/local-first-delete-workspace.spec.ts b/tests/local-first-delete-workspace.spec.ts
new file mode 100644
index 0000000000..536aa9ff82
--- /dev/null
+++ b/tests/local-first-delete-workspace.spec.ts
@@ -0,0 +1,21 @@
+import { expect } from '@playwright/test';
+
+import { loadPage } from './libs/load-page';
+import { test } from './libs/playwright';
+import { clickSideBarSettingButton } from './libs/sidebar';
+
+loadPage();
+
+test.describe('Local first delete workspace', () => {
+  test('New a workspace , then delete it in all workspaces, permanently delete it', async ({
+    page,
+  }) => {
+    await clickSideBarSettingButton(page);
+    await page.getByTestId('delete-workspace-button').click();
+    await page.getByTestId('delete-workspace-input').type('delete');
+    await page.getByTestId('delete-workspace-confirm-button').click();
+    expect(await page.getByTestId('workspace-card').count()).toBe(0);
+    await page.mouse.click(1, 1);
+    expect(await page.getByTestId('workspace-card').count()).toBe(0);
+  });
+});