test: Test playright screen shot

.github/workflows/playwright.yml

@@ -25,5 +25,5 @@ jobs:
       if: always()
       with:
         name: playwright-report
-        path: playwright-report/
+        path: packages/e2e/test-results
         retention-days: 30

package.json

@@ -33,7 +33,7 @@
     "package:e2e": "yarn build && ./scripts/copy-ui-files.sh",
     "package:test": "yarn build && ./scripts/copy-ui-files.sh && ./scripts/package-for-test.sh",
     "test": "cross-env NODE_OPTIONS=--openssl-legacy-provider lerna run --parallel --load-env-files=false test",
-    "test:e2e": "concurrently \"cross-env BROWSER=none yarn run start:ui\" \"wait-on -t 30000 http://127.0.0.1:3000 && cd packages/e2e && yarn test:e2e\"",
+    "test:e2e": "cd packages/e2e && yarn test:e2e",
     "test:ci": "yarn build:main && yarn test",
     "lint": "lerna run --stream lint",
     "postinstall": "husky install",

packages/e2e/__tests__/tests/index.test.ts

@@ -4,9 +4,13 @@ import {test, expect} from "@playwright/test";
 
 let electronApp: ElectronApplication;
 
-
 test.beforeAll(async () => {
   electronApp = await electron.launch({args: ["../../packages/neuron-wallet/dist/main.js"]});
+  await new Promise((resolve) => {
+    electronApp.once("window", async (page) => {
+      resolve(page)
+    });
+  })
   electronApp.on("window", async (page) => {
     const filename = page.url()?.split("/").pop();
     console.log(`Window opened: ${filename}`);
@@ -20,12 +24,9 @@ test.beforeAll(async () => {
   });
 });
 
-/*
-test.afterAll(async () => {
-  await electronApp.close();
-});
-*/
-
+test.afterAll(async() => {
+  await electronApp.close()
+})
 
 let page: Page;
 
@@ -50,11 +51,12 @@ test("Launch Neuron", async () => {
 });
 
 test("Create Wallet", async () => {
+  page = await electronApp.firstWindow();
   let createWallet = await page.getByText('钱包 1').isVisible();
   console.log("createWallet"+createWallet);
   if (!createWallet) {
     await page.screenshot({path: "./test-results/createWallet.png"});
-    await page.getByLabel("导入助记词").click();
+    await page.getByLabel("Import Wallet Seed").click();
     await page.locator("div").filter({hasText: /^1$/}).getByRole("textbox").click();
     await page.locator("div").filter({hasText: /^1$/}).getByRole("textbox").fill("verb");
     await page.locator("div").filter({hasText: /^2$/}).getByRole("textbox").click();

packages/e2e/global-setup.ts

@@ -0,0 +1,28 @@
+import { concurrently } from 'concurrently'
+import path from 'path'
+const waitOn = require('wait-on');
+
+async function globalSetup() {
+  const { commands } = concurrently(
+    [
+      {
+        command: 'cross-env BROWSER=none yarn run start:ui',
+        name: 'start ui',
+        cwd: path.resolve(__dirname, '../../'),
+      },
+    ],
+  );
+  await waitOn({
+    resources: [
+      'http://127.0.0.1:3000'
+    ],
+    timeout: 30_000,
+  })
+  console.log('ui start success')
+  return async () => {
+    console.log('stop ui server')
+    await commands[0].kill()
+  }
+}
+
+export default globalSetup;

packages/e2e/global-variable.ts

@@ -0,0 +1,45 @@
+import { test as baseTest } from '@playwright/test';
+import { concurrently, Command } from 'concurrently'
+import path from 'path'
+import { _electron as electron, ElectronApplication } from "playwright";
+const waitOn = require('wait-on');
+
+export const test = baseTest.extend<{
+  uiCommand: Command;
+  electronApp: ElectronApplication
+}>({
+  uiCommand: async ({}, use) => {
+    const { commands, result } = await concurrently(
+      [
+        {
+          command: 'cross-env BROWSER=none yarn run start:ui',
+          name: 'start ui',
+          cwd: path.resolve(__dirname, '../../'),
+        },
+      ],
+    );
+    console.log(result)
+    await waitOn({
+      resources: [
+        'http://127.0.0.1:3000'
+      ],
+      timeout: 30_000,
+    })
+    await use(commands[0])
+  },
+  electronApp: async ({}, use) => {
+    const electronApp = await electron.launch({args: ["../../packages/neuron-wallet/dist/main.js"]});
+    electronApp.on("window", async (page) => {
+      const filename = page.url()?.split("/").pop();
+      console.log(`Window opened: ${filename}`);
+
+      page.on("pageerror", (error) => {
+        console.error(error);
+      });
+      page.on("console", (msg) => {
+        console.log(msg.text());
+      });
+    });
+    await use(electronApp)
+  }
+});

packages/e2e/playwright.config.ts

@@ -4,7 +4,8 @@ const config: PlaywrightTestConfig = {
   testDir: "./__tests__/tests/",
   maxFailures: 2,
   timeout: 180000,
-  retries: 1
+  retries: 1,
+  globalSetup: require.resolve('./global-setup'),
 };
 
 export default config;