refactor(infra): record legacy data to improve testing stability (#4590)

tests/affine-legacy/0.7.0-canary.18/README.md

@@ -1,7 +1,12 @@
 # AFFiNE Legacy 0.7.0-canary.18
 
-> This package is static output of AFFiNE 0.7.0-canary.18
->
-> **This package is for debug only**.
->
-> DO NOT MODIFY `affine-web.zip`
+This package is used to record legacy data of 0.7.0-canary.18.
+Run following commands locally to record data to `tests/fixtures/legacy/0.7.0-canary.18`.
+
+```sh
+cd tests/affine-legacy/0.7.0-canary.18
+yarn run unzip
+yarn run e2e
+```
+
+If you want to debug, running `yarn run e2e --ui` is ok. Or using https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright is more better.

tests/affine-legacy/0.7.0-canary.18/e2e/basic.spec.ts

@@ -1,36 +1,33 @@
-import { resolve } from 'node:path';
-
+import { patchDataEnhancement } from '@affine-test/kit/e2e-enhance/initializer';
+import { SnapshotStorage } from '@affine-test/kit/e2e-enhance/snapshot';
 import { test } from '@affine-test/kit/playwright';
 import {
   clickNewPageButton,
   waitForEditorLoad,
 } from '@affine-test/kit/utils/page-logic';
-import {
-  check8080Available,
-  setupProxyServer,
-} from '@affine-test/kit/utils/proxy';
-import { clickSideBarAllPageButton } from '@affine-test/kit/utils/sidebar';
-import { expect } from '@playwright/test';
 
-const { switchToNext } = setupProxyServer(
-  test,
-  resolve(__dirname, '..', 'static')
-);
+test.beforeEach(async ({ page }) => {
+  await patchDataEnhancement(page);
+});
 
-test('init page', async ({ page, context }) => {
-  await check8080Available(context);
+test('record 0.7.0-canary.18 legacy data', async ({ page }) => {
   await page.goto('http://localhost:8081/');
   await waitForEditorLoad(page);
   await clickNewPageButton(page);
   const locator = page.locator('v-line').nth(0);
   await locator.fill('hello');
 
-  await switchToNext();
-  await page.waitForTimeout(1000);
-  await page.goto('http://localhost:8081/');
-  await waitForEditorLoad(page);
-  await clickSideBarAllPageButton(page);
-  await page.getByText('hello').click();
-  await waitForEditorLoad(page);
-  expect(await page.locator('v-line').nth(0).textContent()).toBe('hello');
+  const localStorageData = await page.evaluate(() =>
+    window.readAffineLocalStorage()
+  );
+  const { idbData, binaries } = await page.evaluate(() =>
+    window.readAffineDatabase()
+  );
+
+  const snapshotStorage = new SnapshotStorage('0.7.0-canary.18');
+  await snapshotStorage.write({
+    idbData,
+    localStorageData,
+    binaries,
+  });
 });

tests/affine-legacy/0.7.0-canary.18/package.json

@@ -3,9 +3,8 @@
   "description": "AFFiNE 0.7.0-canary.18 static output",
   "scripts": {
     "unzip": "wget -O static.zip https://github.com/toeverything/AFFiNE/releases/download/v0.7.0-canary.18/web-static.zip && unzip static.zip -d static",
-    "start": "yarn exec serve -s static -l 8082",
-    "e2e": "yarn playwright test",
-    "test": "vitest --run"
+    "start": "yarn exec serve -s static -l 8081",
+    "e2e": "yarn playwright test"
   },
   "devDependencies": {
     "@affine-test/fixtures": "workspace:*",

tests/affine-legacy/0.7.0-canary.18/playwright.config.ts

@@ -24,15 +24,11 @@ const config: PlaywrightTestConfig = {
   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,
+      command: 'yarn run start',
+      port: 8081,
       timeout: 120 * 1000,
       reuseExistingServer: !process.env.CI,
-      env: {
-        COVERAGE: process.env.COVERAGE || 'false',
-      },
     },
   ],
 };