ci: refactor workflow (#5139)

Merge tests job into single one, reuse job as much as possible

tests/affine-cloud/e2e/basic.spec.ts

@@ -1,144 +0,0 @@
-import { readFile } from 'node:fs/promises';
-import { resolve } from 'node:path';
-
-import { test } from '@affine-test/kit/playwright';
-import {
-  createRandomUser,
-  deleteUser,
-  enableCloudWorkspace,
-  getLoginCookie,
-  loginUser,
-  runPrisma,
-} from '@affine-test/kit/utils/cloud';
-import { clickEdgelessModeButton } from '@affine-test/kit/utils/editor';
-import { coreUrl } from '@affine-test/kit/utils/load-page';
-import {
-  clickNewPageButton,
-  waitForEditorLoad,
-} from '@affine-test/kit/utils/page-logic';
-import { clickSideBarSettingButton } from '@affine-test/kit/utils/sidebar';
-import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
-import { expect } from '@playwright/test';
-
-let user: {
-  id: string;
-  name: string;
-  email: string;
-  password: string;
-};
-
-test.beforeEach(async () => {
-  user = await createRandomUser();
-});
-
-test.beforeEach(async ({ page, context }) => {
-  await loginUser(page, user.email, {
-    beforeLogin: async () => {
-      expect(await getLoginCookie(context)).toBeUndefined();
-    },
-    afterLogin: async () => {
-      expect(await getLoginCookie(context)).toBeTruthy();
-      await page.reload();
-      await waitForEditorLoad(page);
-      expect(await getLoginCookie(context)).toBeTruthy();
-    },
-  });
-});
-
-test.afterEach(async () => {
-  // if you want to keep the user in the database for debugging,
-  // comment this line
-  await deleteUser(user.email);
-});
-
-test.describe('basic', () => {
-  test('migration', async ({ page, browser }) => {
-    let workspaceId: string;
-    {
-      // create the old cloud workspace in another browser
-      const context = await browser.newContext();
-      const page = await context.newPage();
-      await loginUser(page, user.email);
-      await page.reload();
-      await createLocalWorkspace(
-        {
-          name: 'test',
-        },
-        page
-      );
-      await enableCloudWorkspace(page);
-      await clickNewPageButton(page);
-      await waitForEditorLoad(page);
-      // http://localhost:8080/workspace/2bc0b6c8-f68d-4dd3-98a8-be746754f9e1/xxx
-      workspaceId = page.url().split('/')[4];
-      await runPrisma(async client => {
-        const sqls = (
-          await readFile(
-            resolve(__dirname, 'fixtures', '0.9.0-canary.9-snapshots.sql'),
-            'utf-8'
-          )
-        )
-          .replaceAll('2bc0b6c8-f68d-4dd3-98a8-be746754f9e1', workspaceId)
-          .split('\n');
-        await client.snapshot.deleteMany({
-          where: {
-            workspaceId,
-          },
-        });
-
-        for (const sql of sqls) {
-          await client.$executeRawUnsafe(sql);
-        }
-      });
-      await page.close();
-    }
-    await page.reload();
-    await page.waitForTimeout(1000);
-    await page.goto(`${coreUrl}/workspace/${workspaceId}/all`);
-    await page.getByTestId('upgrade-workspace-button').click();
-    await expect(page.getByText('Refresh Current Page')).toBeVisible({
-      timeout: 60000,
-    });
-    await page.goto(
-      // page 'F1SX6cgNxy' has edgeless mode
-      `${coreUrl}/workspace/${workspaceId}/F1SX6cgNxy`
-    );
-    await page.waitForTimeout(5000);
-    await page.reload();
-    await waitForEditorLoad(page);
-    await clickEdgelessModeButton(page);
-    await expect(page.locator('affine-edgeless-page')).toBeVisible({
-      timeout: 1000,
-    });
-  });
-
-  test('can see and change email and password in setting panel', async ({
-    page,
-  }) => {
-    const newName = 'test name';
-    {
-      await clickSideBarSettingButton(page);
-      const locator = page.getByTestId('user-info-card');
-      expect(locator.getByText(user.email)).toBeTruthy();
-      expect(locator.getByText(user.name)).toBeTruthy();
-      await locator.click({
-        delay: 50,
-      });
-      const nameInput = page.getByPlaceholder('Input account name');
-      await nameInput.clear();
-      await nameInput.pressSequentially(newName, {
-        delay: 50,
-      });
-      await page.getByTestId('save-user-name').click({
-        delay: 50,
-      });
-    }
-    await page.reload();
-    {
-      await clickSideBarSettingButton(page);
-      const locator = page.getByTestId('user-info-card');
-      expect(locator.getByText(user.email)).toBeTruthy();
-      expect(locator.getByText(newName)).toBeTruthy();
-    }
-  });
-});

tests/affine-cloud/e2e/collaboration.spec.ts

@@ -13,16 +13,8 @@ import {
   getBlockSuiteEditorTitle,
   waitForEditorLoad,
 } from '@affine-test/kit/utils/page-logic';
-import {
-  clickUserInfoCard,
-  openSettingModal,
-  openWorkspaceSettingPanel,
-} from '@affine-test/kit/utils/setting';
-import {
-  clickSideBarAllPageButton,
-  clickSideBarCurrentWorkspaceBanner,
-  clickSideBarSettingButton,
-} from '@affine-test/kit/utils/sidebar';
+import { clickUserInfoCard } from '@affine-test/kit/utils/setting';
+import { clickSideBarSettingButton } from '@affine-test/kit/utils/sidebar';
 import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
 import { expect } from '@playwright/test';
 
@@ -41,298 +33,184 @@ test.beforeEach(async ({ page }) => {
   await loginUser(page, user.email);
 });
 
-test.describe('collaboration', () => {
-  test('can enable share page', async ({ page, browser }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
-    );
-    await enableCloudWorkspaceFromShareButton(page);
-    const title = getBlockSuiteEditorTitle(page);
-    await title.pressSequentially('TEST TITLE', {
-      delay: 50,
-    });
-    await page.keyboard.press('Enter', { delay: 50 });
-    await page.keyboard.type('TEST CONTENT', { delay: 50 });
-    await page.getByTestId('cloud-share-menu-button').click();
-    await page.getByTestId('share-menu-create-link-button').click();
-    await page.getByTestId('share-menu-copy-link-button').click();
-
-    // check share page is accessible
+test('can enable share page', async ({ page, browser }) => {
+  await page.reload();
+  await waitForEditorLoad(page);
+  await createLocalWorkspace(
     {
-      const context = await browser.newContext();
-      const url: string = await page.evaluate(() =>
-        navigator.clipboard.readText()
-      );
-      const page2 = await context.newPage();
-      await page2.goto(url);
-      await waitForEditorLoad(page2);
-      const title = getBlockSuiteEditorTitle(page2);
-      expect(await title.innerText()).toBe('TEST TITLE');
-      expect(await page2.textContent('affine-paragraph')).toContain(
-        'TEST CONTENT'
-      );
-    }
+      name: 'test',
+    },
+    page
+  );
+  await enableCloudWorkspaceFromShareButton(page);
+  const title = getBlockSuiteEditorTitle(page);
+  await title.pressSequentially('TEST TITLE', {
+    delay: 50,
   });
+  await page.keyboard.press('Enter', { delay: 50 });
+  await page.keyboard.type('TEST CONTENT', { delay: 50 });
+  await page.getByTestId('cloud-share-menu-button').click();
+  await page.getByTestId('share-menu-create-link-button').click();
+  await page.getByTestId('share-menu-copy-link-button').click();
 
-  test('share page with default edgeless', async ({ page, browser }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
+  // check share page is accessible
+  {
+    const context = await browser.newContext();
+    const url: string = await page.evaluate(() =>
+      navigator.clipboard.readText()
     );
-    await enableCloudWorkspaceFromShareButton(page);
-    const title = getBlockSuiteEditorTitle(page);
-    await title.pressSequentially('TEST TITLE', {
-      delay: 50,
-    });
-    await page.keyboard.press('Enter', { delay: 50 });
-    await page.keyboard.type('TEST CONTENT', { delay: 50 });
-    await clickEdgelessModeButton(page);
+    const page2 = await context.newPage();
+    await page2.goto(url);
+    await waitForEditorLoad(page2);
+    const title = getBlockSuiteEditorTitle(page2);
+    expect(await title.innerText()).toBe('TEST TITLE');
+    expect(await page2.textContent('affine-paragraph')).toContain(
+      'TEST CONTENT'
+    );
+  }
+});
+
+test('share page with default edgeless', async ({ page, browser }) => {
+  await page.reload();
+  await waitForEditorLoad(page);
+  await createLocalWorkspace(
+    {
+      name: 'test',
+    },
+    page
+  );
+  await enableCloudWorkspaceFromShareButton(page);
+  const title = getBlockSuiteEditorTitle(page);
+  await title.pressSequentially('TEST TITLE', {
+    delay: 50,
+  });
+  await page.keyboard.press('Enter', { delay: 50 });
+  await page.keyboard.type('TEST CONTENT', { delay: 50 });
+  await clickEdgelessModeButton(page);
+  await expect(page.locator('affine-edgeless-page')).toBeVisible({
+    timeout: 1000,
+  });
+  await page.getByTestId('cloud-share-menu-button').click();
+  await page.getByTestId('share-menu-create-link-button').click();
+  await page.getByTestId('share-menu-copy-link-button').click();
+
+  // check share page is accessible
+  {
+    const context = await browser.newContext();
+    const url: string = await page.evaluate(() =>
+      navigator.clipboard.readText()
+    );
+    const page2 = await context.newPage();
+    await page2.goto(url);
+    await waitForEditorLoad(page2);
     await expect(page.locator('affine-edgeless-page')).toBeVisible({
       timeout: 1000,
     });
-    await page.getByTestId('cloud-share-menu-button').click();
-    await page.getByTestId('share-menu-create-link-button').click();
-    await page.getByTestId('share-menu-copy-link-button').click();
-
-    // check share page is accessible
-    {
-      const context = await browser.newContext();
-      const url: string = await page.evaluate(() =>
-        navigator.clipboard.readText()
-      );
-      const page2 = await context.newPage();
-      await page2.goto(url);
-      await waitForEditorLoad(page2);
-      await expect(page.locator('affine-edgeless-page')).toBeVisible({
-        timeout: 1000,
-      });
-      expect(await page2.textContent('affine-paragraph')).toContain(
-        'TEST CONTENT'
-      );
-      const logo = page2.getByTestId('share-page-logo');
-      const editButton = page2.getByTestId('share-page-edit-button');
-      await expect(editButton).not.toBeVisible();
-      await expect(logo).toBeVisible();
-    }
-  });
-
-  test('can collaborate with other user and name should display when editing', async ({
-    page,
-    browser,
-  }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
+    expect(await page2.textContent('affine-paragraph')).toContain(
+      'TEST CONTENT'
     );
-    await enableCloudWorkspace(page);
-    await clickNewPageButton(page);
-    const currentUrl = page.url();
-    // format: http://localhost:8080/workspace/${workspaceId}/xxx
-    const workspaceId = currentUrl.split('/')[4];
-    const userB = await createRandomUser();
+    const logo = page2.getByTestId('share-page-logo');
+    const editButton = page2.getByTestId('share-page-edit-button');
+    await expect(editButton).not.toBeVisible();
+    await expect(logo).toBeVisible();
+  }
+});
+
+test('can collaborate with other user and name should display when editing', async ({
+  page,
+  browser,
+}) => {
+  await page.reload();
+  await waitForEditorLoad(page);
+  await createLocalWorkspace(
+    {
+      name: 'test',
+    },
+    page
+  );
+  await enableCloudWorkspace(page);
+  await clickNewPageButton(page);
+  const currentUrl = page.url();
+  // format: http://localhost:8080/workspace/${workspaceId}/xxx
+  const workspaceId = currentUrl.split('/')[4];
+  const userB = await createRandomUser();
+  const context = await browser.newContext();
+  const page2 = await context.newPage();
+  await loginUser(page2, userB.email);
+  await addUserToWorkspace(workspaceId, userB.id, 1 /* READ */);
+  await page2.reload();
+  await waitForEditorLoad(page2);
+  await page2.goto(currentUrl);
+  {
+    const title = getBlockSuiteEditorTitle(page);
+    await title.pressSequentially('TEST TITLE', {
+      delay: 50,
+    });
+  }
+  await page2.waitForTimeout(200);
+  {
+    const title = getBlockSuiteEditorTitle(page2);
+    expect(await title.innerText()).toBe('TEST TITLE');
+    const typingPromise = Promise.all([
+      page.keyboard.press('Enter', { delay: 50 }),
+      page.keyboard.type('TEST CONTENT', { delay: 50 }),
+    ]);
+    // username should be visible when editing
+    await expect(page2.getByText(user.name)).toBeVisible();
+    await typingPromise;
+  }
+
+  // change username
+  await clickSideBarSettingButton(page);
+  await clickUserInfoCard(page);
+  const input = page.getByTestId('user-name-input');
+  await input.clear();
+  await input.pressSequentially('TEST USER', {
+    delay: 50,
+  });
+  await page.getByTestId('save-user-name').click({
+    delay: 50,
+  });
+  await page.keyboard.press('Escape', {
+    delay: 50,
+  });
+  const title = getBlockSuiteEditorTitle(page);
+  await title.focus();
+
+  {
+    await expect(page2.getByText('TEST USER')).toBeVisible({
+      timeout: 2000,
+    });
+  }
+});
+
+test('can sync collections between different browser', async ({
+  page,
+  browser,
+}) => {
+  await page.reload();
+  await waitForEditorLoad(page);
+  await createLocalWorkspace(
+    {
+      name: 'test',
+    },
+    page
+  );
+  await enableCloudWorkspace(page);
+  await page.getByTestId('slider-bar-add-collection-button').click();
+  const title = page.getByTestId('input-collection-title');
+  await title.isVisible();
+  await title.fill('test collection');
+  await page.getByTestId('save-collection').click();
+
+  {
     const context = await browser.newContext();
     const page2 = await context.newPage();
-    await loginUser(page2, userB.email);
-    await addUserToWorkspace(workspaceId, userB.id, 1 /* READ */);
-    await page2.reload();
-    await waitForEditorLoad(page2);
-    await page2.goto(currentUrl);
-    {
-      const title = getBlockSuiteEditorTitle(page);
-      await title.pressSequentially('TEST TITLE', {
-        delay: 50,
-      });
-    }
-    await page2.waitForTimeout(200);
-    {
-      const title = getBlockSuiteEditorTitle(page2);
-      expect(await title.innerText()).toBe('TEST TITLE');
-      const typingPromise = Promise.all([
-        page.keyboard.press('Enter', { delay: 50 }),
-        page.keyboard.type('TEST CONTENT', { delay: 50 }),
-      ]);
-      // username should be visible when editing
-      await expect(page2.getByText(user.name)).toBeVisible();
-      await typingPromise;
-    }
-
-    // change username
-    await clickSideBarSettingButton(page);
-    await clickUserInfoCard(page);
-    const input = page.getByTestId('user-name-input');
-    await input.clear();
-    await input.pressSequentially('TEST USER', {
-      delay: 50,
-    });
-    await page.getByTestId('save-user-name').click({
-      delay: 50,
-    });
-    await page.keyboard.press('Escape', {
-      delay: 50,
-    });
-    const title = getBlockSuiteEditorTitle(page);
-    await title.focus();
-
-    {
-      await expect(page2.getByText('TEST USER')).toBeVisible({
-        timeout: 2000,
-      });
-    }
-  });
-
-  test('can sync collections between different browser', async ({
-    page,
-    browser,
-  }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
-    );
-    await enableCloudWorkspace(page);
-    await page.getByTestId('slider-bar-add-collection-button').click();
-    const title = page.getByTestId('input-collection-title');
-    await title.isVisible();
-    await title.fill('test collection');
-    await page.getByTestId('save-collection').click();
-
-    {
-      const context = await browser.newContext();
-      const page2 = await context.newPage();
-      await loginUser(page2, user.email);
-      await page2.goto(page.url());
-      const collections = page2.getByTestId('collections');
-      await expect(collections.getByText('test collection')).toBeVisible();
-    }
-  });
-
-  test('exit successfully and re-login', async ({ page }) => {
-    await page.reload();
-    await clickSideBarAllPageButton(page);
-    await page.waitForTimeout(200);
-    const url = page.url();
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
-    );
-    await enableCloudWorkspace(page);
-    await clickSideBarSettingButton(page);
-    await clickUserInfoCard(page);
-    await page.getByTestId('sign-out-button').click();
-    await page.getByTestId('confirm-sign-out-button').click();
-    await page.waitForTimeout(5000);
-    expect(page.url()).toBe(url);
-  });
-});
-
-test.describe('collaboration members', () => {
-  test('should have pagination in member list', async ({ page }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
-    );
-    await enableCloudWorkspace(page);
-    await clickNewPageButton(page);
-    const currentUrl = page.url();
-    // format: http://localhost:8080/workspace/${workspaceId}/xxx
-    const workspaceId = currentUrl.split('/')[4];
-
-    // create 10 user and add to workspace
-    const createUserAndAddToWorkspace = async () => {
-      const userB = await createRandomUser();
-      await addUserToWorkspace(workspaceId, userB.id, 1 /* READ */);
-    };
-    await Promise.all(
-      Array.from({ length: 10 })
-        .fill(1)
-        .map(() => createUserAndAddToWorkspace())
-    );
-
-    await openSettingModal(page);
-    await openWorkspaceSettingPanel(page, 'test');
-
-    await page.waitForTimeout(1000);
-
-    const firstPageMemberItemCount = await page
-      .locator('[data-testid="member-item"]')
-      .count();
-
-    expect(firstPageMemberItemCount).toBe(8);
-
-    const navigationItems = await page
-      .getByRole('navigation')
-      .getByRole('button')
-      .all();
-
-    // make sure the first member is the owner
-    await expect(page.getByTestId('member-item').first()).toContainText(
-      'Workspace Owner'
-    );
-
-    // There have four pagination items: < 1 2 >
-    expect(navigationItems.length).toBe(4);
-    // Click second page
-    await navigationItems[2].click();
-    await page.waitForTimeout(500);
-    // There should have other three members in second page
-    const secondPageMemberItemCount = await page
-      .locator('[data-testid="member-item"]')
-      .count();
-    expect(secondPageMemberItemCount).toBe(3);
-    // Click left arrow to back to first page
-    await navigationItems[0].click();
-    await page.waitForTimeout(500);
-    expect(await page.locator('[data-testid="member-item"]').count()).toBe(8);
-    // Click right arrow to second page
-    await navigationItems[3].click();
-    await page.waitForTimeout(500);
-    expect(await page.locator('[data-testid="member-item"]').count()).toBe(3);
-  });
-});
-
-test.describe('sign out', () => {
-  test('can sign out', async ({ page }) => {
-    await page.reload();
-    await waitForEditorLoad(page);
-    await createLocalWorkspace(
-      {
-        name: 'test',
-      },
-      page
-    );
-    await clickSideBarAllPageButton(page);
-    const currentUrl = page.url();
-    await clickSideBarCurrentWorkspaceBanner(page);
-    await page.getByTestId('workspace-modal-account-option').click();
-    await page.getByTestId('workspace-modal-sign-out-option').click();
-    await page.getByTestId('confirm-sign-out-button').click();
-    await clickSideBarCurrentWorkspaceBanner(page);
-    const signInButton = page.getByTestId('cloud-signin-button');
-    await expect(signInButton).toBeVisible();
-    expect(page.url()).toBe(currentUrl);
-  });
+    await loginUser(page2, user.email);
+    await page2.goto(page.url());
+    const collections = page2.getByTestId('collections');
+    await expect(collections.getByText('test collection')).toBeVisible();
+  }
 });
 
 test('can sync svg between different browsers', async ({ page, browser }) => {

tests/affine-cloud/e2e/login.spec.ts

@@ -1,17 +1,111 @@
 import { test } from '@affine-test/kit/playwright';
+import {
+  createRandomUser,
+  enableCloudWorkspace,
+  loginUser,
+} from '@affine-test/kit/utils/cloud';
 import { openHomePage } from '@affine-test/kit/utils/load-page';
 import { waitForEditorLoad } from '@affine-test/kit/utils/page-logic';
-import { clickSideBarCurrentWorkspaceBanner } from '@affine-test/kit/utils/sidebar';
+import { clickUserInfoCard } from '@affine-test/kit/utils/setting';
+import {
+  clickSideBarAllPageButton,
+  clickSideBarCurrentWorkspaceBanner,
+  clickSideBarSettingButton,
+} from '@affine-test/kit/utils/sidebar';
+import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
 import { expect } from '@playwright/test';
 
-test.describe('login', () => {
-  test('can open login modal in workspace list', async ({ page }) => {
-    await openHomePage(page);
+test('can open login modal in workspace list', async ({ page }) => {
+  await openHomePage(page);
+  await waitForEditorLoad(page);
+  await clickSideBarCurrentWorkspaceBanner(page);
+  await page.getByTestId('cloud-signin-button').click({
+    delay: 200,
+  });
+  await expect(page.getByTestId('auth-modal')).toBeVisible();
+});
+
+test.describe('login first', () => {
+  let user: {
+    id: string;
+    name: string;
+    email: string;
+    password: string;
+  };
+
+  test.beforeEach(async ({ page }) => {
+    user = await createRandomUser();
+    await loginUser(page, user.email);
+  });
+
+  test('exit successfully and re-login', async ({ page }) => {
+    await page.reload();
+    await clickSideBarAllPageButton(page);
+    await page.waitForTimeout(200);
+    const url = page.url();
+    await createLocalWorkspace(
+      {
+        name: 'test',
+      },
+      page
+    );
+    await enableCloudWorkspace(page);
+    await clickSideBarSettingButton(page);
+    await clickUserInfoCard(page);
+    await page.getByTestId('sign-out-button').click();
+    await page.getByTestId('confirm-sign-out-button').click();
+    await page.waitForTimeout(5000);
+    expect(page.url()).toBe(url);
+  });
+
+  test('can sign out', async ({ page }) => {
+    await page.reload();
     await waitForEditorLoad(page);
+    await createLocalWorkspace(
+      {
+        name: 'test',
+      },
+      page
+    );
+    await clickSideBarAllPageButton(page);
+    const currentUrl = page.url();
     await clickSideBarCurrentWorkspaceBanner(page);
-    await page.getByTestId('cloud-signin-button').click({
-      delay: 200,
-    });
-    await expect(page.getByTestId('auth-modal')).toBeVisible();
+    await page.getByTestId('workspace-modal-account-option').click();
+    await page.getByTestId('workspace-modal-sign-out-option').click();
+    await page.getByTestId('confirm-sign-out-button').click();
+    await clickSideBarCurrentWorkspaceBanner(page);
+    const signInButton = page.getByTestId('cloud-signin-button');
+    await expect(signInButton).toBeVisible();
+    expect(page.url()).toBe(currentUrl);
+  });
+
+  test('can see and change email and password in setting panel', async ({
+    page,
+  }) => {
+    const newName = 'test name';
+    {
+      await clickSideBarSettingButton(page);
+      const locator = page.getByTestId('user-info-card');
+      expect(locator.getByText(user.email)).toBeTruthy();
+      expect(locator.getByText(user.name)).toBeTruthy();
+      await locator.click({
+        delay: 50,
+      });
+      const nameInput = page.getByPlaceholder('Input account name');
+      await nameInput.clear();
+      await nameInput.pressSequentially(newName, {
+        delay: 50,
+      });
+      await page.getByTestId('save-user-name').click({
+        delay: 50,
+      });
+    }
+    await page.reload();
+    {
+      await clickSideBarSettingButton(page);
+      const locator = page.getByTestId('user-info-card');
+      expect(locator.getByText(user.email)).toBeTruthy();
+      expect(locator.getByText(newName)).toBeTruthy();
+    }
   });
 });

tests/affine-cloud/e2e/migration.spec.ts

@@ -0,0 +1,111 @@
+import { readFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+import { test } from '@affine-test/kit/playwright';
+import {
+  createRandomUser,
+  deleteUser,
+  enableCloudWorkspace,
+  getLoginCookie,
+  loginUser,
+  runPrisma,
+} from '@affine-test/kit/utils/cloud';
+import { clickEdgelessModeButton } from '@affine-test/kit/utils/editor';
+import { coreUrl } from '@affine-test/kit/utils/load-page';
+import {
+  clickNewPageButton,
+  waitForEditorLoad,
+} from '@affine-test/kit/utils/page-logic';
+import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
+import { expect } from '@playwright/test';
+
+let user: {
+  id: string;
+  name: string;
+  email: string;
+  password: string;
+};
+
+test.beforeEach(async () => {
+  user = await createRandomUser();
+});
+
+test.beforeEach(async ({ page, context }) => {
+  await loginUser(page, user.email, {
+    beforeLogin: async () => {
+      expect(await getLoginCookie(context)).toBeUndefined();
+    },
+    afterLogin: async () => {
+      expect(await getLoginCookie(context)).toBeTruthy();
+      await page.reload();
+      await waitForEditorLoad(page);
+      expect(await getLoginCookie(context)).toBeTruthy();
+    },
+  });
+});
+
+test.afterEach(async () => {
+  // if you want to keep the user in the database for debugging,
+  // comment this line
+  await deleteUser(user.email);
+});
+
+test('migration', async ({ page, browser }) => {
+  let workspaceId: string;
+  {
+    // create the old cloud workspace in another browser
+    const context = await browser.newContext();
+    const page = await context.newPage();
+    await loginUser(page, user.email);
+    await page.reload();
+    await createLocalWorkspace(
+      {
+        name: 'test',
+      },
+      page
+    );
+    await enableCloudWorkspace(page);
+    await clickNewPageButton(page);
+    await waitForEditorLoad(page);
+    // http://localhost:8080/workspace/2bc0b6c8-f68d-4dd3-98a8-be746754f9e1/xxx
+    workspaceId = page.url().split('/')[4];
+    await runPrisma(async client => {
+      const sqls = (
+        await readFile(
+          resolve(__dirname, 'fixtures', '0.9.0-canary.9-snapshots.sql'),
+          'utf-8'
+        )
+      )
+        .replaceAll('2bc0b6c8-f68d-4dd3-98a8-be746754f9e1', workspaceId)
+        .split('\n');
+      await client.snapshot.deleteMany({
+        where: {
+          workspaceId,
+        },
+      });
+
+      for (const sql of sqls) {
+        await client.$executeRawUnsafe(sql);
+      }
+    });
+    await page.close();
+  }
+  await page.reload();
+  await page.waitForTimeout(1000);
+  await page.goto(`${coreUrl}/workspace/${workspaceId}/all`);
+  await page.getByTestId('upgrade-workspace-button').click();
+  await expect(page.getByText('Refresh Current Page')).toBeVisible({
+    timeout: 60000,
+  });
+  await page.goto(
+    // page 'F1SX6cgNxy' has edgeless mode
+    `${coreUrl}/workspace/${workspaceId}/F1SX6cgNxy`
+  );
+  await page.waitForTimeout(5000);
+  await page.reload();
+  await waitForEditorLoad(page);
+  await clickEdgelessModeButton(page);
+  await expect(page.locator('affine-edgeless-page')).toBeVisible({
+    timeout: 1000,
+  });
+});

tests/affine-cloud/e2e/workspace.spec.ts

@@ -0,0 +1,96 @@
+import { test } from '@affine-test/kit/playwright';
+import {
+  addUserToWorkspace,
+  createRandomUser,
+  enableCloudWorkspace,
+  loginUser,
+} from '@affine-test/kit/utils/cloud';
+import {
+  clickNewPageButton,
+  waitForEditorLoad,
+} from '@affine-test/kit/utils/page-logic';
+import {
+  openSettingModal,
+  openWorkspaceSettingPanel,
+} from '@affine-test/kit/utils/setting';
+import { createLocalWorkspace } from '@affine-test/kit/utils/workspace';
+import { expect } from '@playwright/test';
+
+let user: {
+  id: string;
+  name: string;
+  email: string;
+  password: string;
+};
+
+test.beforeEach(async ({ page }) => {
+  user = await createRandomUser();
+  await loginUser(page, user.email);
+});
+
+test('should have pagination in member list', async ({ page }) => {
+  await page.reload();
+  await waitForEditorLoad(page);
+  await createLocalWorkspace(
+    {
+      name: 'test',
+    },
+    page
+  );
+  await enableCloudWorkspace(page);
+  await clickNewPageButton(page);
+  const currentUrl = page.url();
+  // format: http://localhost:8080/workspace/${workspaceId}/xxx
+  const workspaceId = currentUrl.split('/')[4];
+
+  // create 10 user and add to workspace
+  const createUserAndAddToWorkspace = async () => {
+    const userB = await createRandomUser();
+    await addUserToWorkspace(workspaceId, userB.id, 1 /* READ */);
+  };
+  await Promise.all(
+    Array.from({ length: 10 })
+      .fill(1)
+      .map(() => createUserAndAddToWorkspace())
+  );
+
+  await openSettingModal(page);
+  await openWorkspaceSettingPanel(page, 'test');
+
+  await page.waitForTimeout(1000);
+
+  const firstPageMemberItemCount = await page
+    .locator('[data-testid="member-item"]')
+    .count();
+
+  expect(firstPageMemberItemCount).toBe(8);
+
+  const navigationItems = await page
+    .getByRole('navigation')
+    .getByRole('button')
+    .all();
+
+  // make sure the first member is the owner
+  await expect(page.getByTestId('member-item').first()).toContainText(
+    'Workspace Owner'
+  );
+
+  // There have four pagination items: < 1 2 >
+  expect(navigationItems.length).toBe(4);
+  // Click second page
+  await navigationItems[2].click();
+  await page.waitForTimeout(500);
+  // There should have other three members in second page
+  const secondPageMemberItemCount = await page
+    .locator('[data-testid="member-item"]')
+    .count();
+  expect(secondPageMemberItemCount).toBe(3);
+  // Click left arrow to back to first page
+  await navigationItems[0].click();
+  await page.waitForTimeout(500);
+  expect(await page.locator('[data-testid="member-item"]').count()).toBe(8);
+  // Click right arrow to second page
+  await navigationItems[3].click();
+  await page.waitForTimeout(500);
+  expect(await page.locator('[data-testid="member-item"]').count()).toBe(3);
+});