feat!: affine cloud support (#3813)

Co-authored-by: Hongtao Lye <codert.sn@gmail.com>
Co-authored-by: liuyi <forehalo@gmail.com>
Co-authored-by: LongYinan <lynweklm@gmail.com>
Co-authored-by: X1a0t <405028157@qq.com>
Co-authored-by: JimmFly <yangjinfei001@gmail.com>
Co-authored-by: Peng Xiao <pengxiao@outlook.com>
Co-authored-by: xiaodong zuo <53252747+zuoxiaodong0815@users.noreply.github.com>
Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
Co-authored-by: Qi <474021214@qq.com>
Co-authored-by: danielchim <kahungchim@gmail.com>

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

@@ -0,0 +1,62 @@
+import { test } from '@affine-test/kit/playwright';
+import {
+  createRandomUser,
+  deleteUser,
+  getLoginCookie,
+} from '@affine-test/kit/utils/cloud';
+import { openHomePage } from '@affine-test/kit/utils/load-page';
+import { waitEditorLoad } from '@affine-test/kit/utils/page-logic';
+import { clickSideBarCurrentWorkspaceBanner } from '@affine-test/kit/utils/sidebar';
+import { expect } from '@playwright/test';
+
+let user: {
+  name: string;
+  email: string;
+  password: string;
+};
+
+test.beforeEach(async () => {
+  user = await createRandomUser();
+});
+
+test.afterEach(async () => {
+  // if you want to keep the user in the database for debugging,
+  // comment this line
+  await deleteUser(user.email);
+});
+
+test('server exist', async ({ page }) => {
+  await openHomePage(page);
+  await waitEditorLoad(page);
+
+  const json = await (await fetch('http://localhost:3010')).json();
+  expect(json.message).toMatch(/^AFFiNE GraphQL server/);
+});
+
+test('enable cloud success', async ({ page, context }) => {
+  await page.goto('http://localhost:8080');
+  await page.waitForSelector('v-line');
+
+  await clickSideBarCurrentWorkspaceBanner(page);
+  await page.getByTestId('cloud-signin-button').click({
+    delay: 200,
+  });
+  await page.getByPlaceholder('Enter your email address').type(user.email, {
+    delay: 50,
+  });
+  await page.getByTestId('continue-login-button').click({
+    delay: 200,
+  });
+  await page.getByTestId('sign-in-with-password').click({
+    delay: 200,
+  });
+  await page.getByTestId('password-input').type('123456', {
+    delay: 50,
+  });
+  expect(await getLoginCookie(context)).toBeUndefined();
+  await page.getByTestId('sign-in-button').click();
+  await page.waitForTimeout(1000);
+  await page.reload();
+  await waitEditorLoad(page);
+  expect(await getLoginCookie(context)).toBeTruthy();
+});

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

@@ -0,0 +1,17 @@
+import { test } from '@affine-test/kit/playwright';
+import { openHomePage } from '@affine-test/kit/utils/load-page';
+import { waitEditorLoad } from '@affine-test/kit/utils/page-logic';
+import { clickSideBarCurrentWorkspaceBanner } from '@affine-test/kit/utils/sidebar';
+import { expect } from '@playwright/test';
+
+test.describe('login', () => {
+  test('can open login modal in workspace list', async ({ page }) => {
+    await openHomePage(page);
+    await waitEditorLoad(page);
+    await clickSideBarCurrentWorkspaceBanner(page);
+    await page.getByTestId('cloud-signin-button').click({
+      delay: 200,
+    });
+    await expect(page.getByTestId('auth-modal')).toBeVisible();
+  });
+});

tests/affine-cloud/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@affine-test/affine-cloud",
+  "private": true,
+  "scripts": {
+    "e2e": "yarn playwright test"
+  },
+  "devDependencies": {
+    "@affine-test/fixtures": "workspace:*",
+    "@affine-test/kit": "workspace:*",
+    "@playwright/test": "^1.37.0"
+  }
+}

tests/affine-cloud/playwright.config.ts

@@ -0,0 +1,64 @@
+import type {
+  PlaywrightTestConfig,
+  PlaywrightWorkerOptions,
+} from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+  testDir: './e2e',
+  fullyParallel: !process.env.CI,
+  timeout: process.env.CI ? 50_000 : 30_000,
+  use: {
+    baseURL: 'http://localhost:8081/',
+    browserName:
+      (process.env.BROWSER as PlaywrightWorkerOptions['browserName']) ??
+      'chromium',
+    permissions: ['clipboard-read', 'clipboard-write'],
+    viewport: { width: 1440, height: 800 },
+    actionTimeout: 5 * 1000,
+    locale: 'en-US',
+    trace: 'on-first-retry',
+    video: 'on-first-retry',
+  },
+  forbidOnly: !!process.env.CI,
+  workers: process.env.CI ? 1 : 4,
+  retries: 1,
+  reporter: process.env.CI ? 'github' : 'list',
+  webServer: [
+    // Intentionally not building the web, reminds you to run it by yourself.
+    {
+      command: 'yarn -T run start:web-static',
+      port: 8080,
+      timeout: 120 * 1000,
+      reuseExistingServer: !process.env.CI,
+      env: {
+        COVERAGE: process.env.COVERAGE || 'false',
+      },
+    },
+    {
+      command: 'yarn workspace @affine/server start',
+      port: 3010,
+      timeout: 120 * 1000,
+      reuseExistingServer: !process.env.CI,
+      stdout: 'pipe',
+      stderr: 'pipe',
+      env: {
+        DATABASE_URL:
+          process.env.DATABASE_URL ??
+          'postgresql://affine@localhost:5432/affine',
+        NODE_ENV: 'development',
+        AFFINE_ENV: process.env.AFFINE_ENV ?? 'dev',
+        DEBUG: 'affine:*',
+        FORCE_COLOR: 'true',
+        DEBUG_COLORS: 'true',
+        NEXTAUTH_URL: 'http://localhost:8080',
+        OAUTH_EMAIL_SENDER: 'noreply@toeverything.info',
+      },
+    },
+  ],
+};
+
+if (process.env.CI) {
+  config.retries = 3;
+}
+
+export default config;

tests/affine-cloud/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "outDir": "lib"
+  },
+  "include": ["e2e"],
+  "references": [
+    {
+      "path": "../kit"
+    },
+    {
+      "path": "../fixtures"
+    }
+  ]
+}