yujunjun/midscene
1
0
Fork 0
mirror of https://github.com/web-infra-dev/midscene.git synced 2025-12-04 02:50:05 +00:00
Code Issues Packages Projects Releases Wiki Activity
midscene/apps/report
History
zhouxiao.shaw cfa45ac11d feat(chrome-extension): align React and TypeScript versions across the project 
- Downgrade React and React DOM to 18.3.1 in all packages for consistency
- Update @types/react and @types/react-dom to 18.3.1
- Ensure TypeScript version is consistently set to ^5.8.3
- Adjust dependencies in package.json files for various apps and packages
- Enhance Chrome extension functionality with safe API wrappers for better error handling
- Implement checks for Chrome extension environment in recording components
2025-05-29 16:15:57 +08:00
..
e2e
chore: delete unless visualizer logic (#514)
2025-03-31 19:51:43 +08:00
src
fix(web-integration): sanitize content for reportHtmlContent (#745)
2025-05-22 07:20:32 +08:00
template
fix(report): resolve report script error (#516)
2025-04-01 15:03:42 +08:00
test-data
feat(core): add element describer (#750)
2025-05-21 21:05:47 +08:00
.gitignore
chore: delete unless visualizer logic (#514)
2025-03-31 19:51:43 +08:00
package.json
feat(chrome-extension): align React and TypeScript versions across the project
2025-05-29 16:15:57 +08:00
README.md
refactor(report): make the report page an app type to improve the development experience (#513)
2025-03-31 18:46:35 +08:00
rsbuild.config.ts
fix(core): bundle template content into core package (#699)
2025-05-09 11:41:16 +08:00
tsconfig.json
refactor(report): make the report page an app type to improve the development experience (#513)
2025-03-31 18:46:35 +08:00

README.md

Midscene Report

Midscene Report is a visualization application for displaying test execution results from Midscene.js. It provides an interactive interface for viewing and analyzing test execution data.

Visit our website: https://midscene.js.org

Features

  • Visual display of test execution results
  • Multi-test case switching support
  • Detailed execution timeline
  • Test replay functionality
  • Responsive layout design

Requirements

  • Node.js >= 16
  • pnpm >= 8

Getting Started

For detailed environment setup instructions, please refer to the Contribution Guide in the root directory.

Installation

pnpm install

Development

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

Preview

Preview the production build locally:

pnpm preview

Tech Stack

  • React 18
  • TypeScript
  • Ant Design
  • Rsbuild
  • Zustand (State Management)
  • PIXI.js (Graphics Rendering)

Project Structure

src/
  ├── components/     # React Components
  ├── assets/        # Static Assets
  ├── template/      # HTML Templates
  └── types.ts       # Type Definitions