From b7e46fc775a38703a4e351b2d7adbf6bb046ffdd Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Fri, 23 Dec 2022 17:32:23 +0800
Subject: [PATCH] tests: add test for about AFFiNE

---
 .../WorkspaceSelector/WorkspaceSelector.tsx   |  2 +-
 tests/contact-us.spec.ts                      | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
index c49452475f..e03a85ddfd 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
@@ -20,7 +20,7 @@ export const WorkspaceSelector = () => {
       trigger="click"
       onVisibleChange={setIsShow}
     >
-      <SelectorWrapper>
+      <SelectorWrapper data-testid="current-workspace">
         <Avatar alt="Affine" src={currentWorkspace?.meta.avatar || ''} />
         <WorkspaceName>
           {currentWorkspace?.meta.name ||
diff --git a/tests/contact-us.spec.ts b/tests/contact-us.spec.ts
index ffb8e17256..c6a05382db 100644
--- a/tests/contact-us.spec.ts
+++ b/tests/contact-us.spec.ts
@@ -4,6 +4,25 @@ import { loadPage } from './libs/load-page';
 loadPage();
 
 test.describe('Open contact us', () => {
+  test('Click about us', async ({ page }) => {
+    page.waitForTimeout(1000);
+    const currentWorkspace = page.getByTestId('current-workspace');
+    await currentWorkspace.click();
+
+    await page
+      .getByRole('tooltip', {
+        name: 'A AFFiNE Log in to sync with affine About AFFiNE',
+      })
+      .locator('div')
+      .filter({ hasText: 'About AFFiNE' })
+      .nth(2)
+      .click();
+
+    const contactUsModal = page.locator(
+      '[data-testid=contact-us-modal-content]'
+    );
+    await expect(contactUsModal).toContainText('AFFiNE Community');
+  });
   test('Click right-bottom corner contact icon', async ({ page }) => {
     page.waitForTimeout(1000);
     const faqIcon = page.locator('[data-testid=faq-icon]');