feat(report): supports playwright test report generation (#15)

* chore: collect playwright test data

* feat: init

* feat(visualizer-report): add visualizer-report project

* feat(visualizer-report): add visualizer-report project

* chore: add report test data

* chore: add report test data

* chore: optimize generate playwright test data

* chore: optimize report logic

* chore: optimize report logic

* chore: optimize report logic

* chore: optimize report logic

* chore: optimize report logic

* chore(cd): ignore unless code

* chore: modify test command

* chore: optimize sidebar content

* chore: optimize report logic

Author: zhoushaw

.gitignore

@@ -86,6 +86,7 @@ output_resource
 tsconfig.tsbuildinfo
 
 .temp
+.output
 
 # emo infraDir: ''
 
@@ -97,7 +98,7 @@ playwright/.cache/
 
 # MidScene.js dump files
 midscene_run/
-
+midscene-report/
 __ai_responses__/
 
 

.vscode/settings.json

@@ -14,7 +14,6 @@
   "[javascript]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
-  "editor.formatOnSave": true,
   "editor.formatOnSaveMode": "modifications",
   "[less]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"

packages/midscene/package.json

@@ -6,6 +6,10 @@
   "main": "./dist/lib/index.js",
   "module": "./dist/es/index.js",
   "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",

packages/playwright-demo/package.json

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@modern-js/module-tools": "2.56.1",
     "@modern-js/plugin-testing": "2.56.1",
-    "@playwright/test": "^1.44.1",
+    "@playwright/test": "1.44.1",
     "@types/jest": "~29.2.4",
     "@types/node": "~16.11.7",
     "eslint-plugin-prettier": "~4.2.1",

packages/playwright-demo/playwright.config.ts

@@ -15,13 +15,13 @@ export default defineConfig({
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
+  forbidOnly: Boolean(process.env.CI),
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
   /* Opt out of parallel tests on CI. */
   workers: process.env.CI ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
+  reporter: '@midscene/web/playwright-report',
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */

packages/visualizer-report/.browserslistrc

@@ -0,0 +1,5 @@
+chrome >= 51
+edge >= 15
+firefox >= 54
+safari >= 10
+ios_saf >= 10

packages/visualizer-report/README.md

@@ -0,0 +1,37 @@
+# Modern.js App
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Enable optional features or add a new entry:
+
+```bash
+pnpm new
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm serve
+```
+
+For more information, see the [Modern.js documentation](https://modernjs.dev/en).