ortoni-report 4.0.1-beta.3 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2181,8 +2181,8 @@ var OrtoniReport = class {
2181
2181
  const shard = this.shardConfig;
2182
2182
  const shardFile = `ortoni-shard-${shard.current}-of-${shard.total}.json`;
2183
2183
  const shardData = {
2184
- status: result.status,
2185
- duration: totalDuration,
2184
+ // status: result.status,
2185
+ totalDuration,
2186
2186
  results: this.results,
2187
2187
  projectSet: Array.from(this.projectSet),
2188
2188
  userConfig: {
@@ -1431,8 +1431,8 @@ var OrtoniReport = class {
1431
1431
  const shard = this.shardConfig;
1432
1432
  const shardFile = `ortoni-shard-${shard.current}-of-${shard.total}.json`;
1433
1433
  const shardData = {
1434
- status: result.status,
1435
- duration: totalDuration,
1434
+ // status: result.status,
1435
+ totalDuration,
1436
1436
  results: this.results,
1437
1437
  projectSet: Array.from(this.projectSet),
1438
1438
  userConfig: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ortoni-report",
3
- "version": "4.0.1-beta.3",
3
+ "version": "4.0.1",
4
4
  "description": "Playwright Report By LetCode with Koushik",
5
5
  "scripts": {
6
6
  "tsc": "tsc",
package/readme.md CHANGED
@@ -14,14 +14,17 @@ A comprehensive and visually appealing HTML report generator tailored for Playwr
14
14
 
15
15
  - **Sidebar Navigation**: Enjoy a clean and structured layout for seamless navigation.
16
16
  - **Sections**:
17
+
17
18
  - **Dashboard**: High-level overview of test analytics and trends.
18
19
  - **Tests**: Dive into individual test details including logs, screenshots, and errors.
19
20
  - **Analytics**: Track overall execution metrics, trends, and flaky/slow test insights.
20
21
  - **Glance**: See all the tests in a single Tabular view
22
+
21
23
  - **Hierarchical Grouping**: Tests are organized by filename, suite, and project for better traceability.
22
24
  - **Test History View**: Access up to 10 recent executions, categorized by suite and project with test Status, Duration.
23
25
  - **Configurable Integration**: Easy setup with Playwright using TypeScript/JavaScript, along with customizable preferences.
24
26
  - **Advanced Filtering**: Filter by Project, Tags, and Status
27
+ - **🔀 Merge Reports**: Combine multiple shard/parallel test run reports into a single **consolidated view** using CLI (`npx ortoni-report merge-report`)
25
28
 
26
29
  ### 2. **Detailed Reporting**
27
30
 
@@ -35,13 +38,13 @@ A comprehensive and visually appealing HTML report generator tailored for Playwr
35
38
  - Summary of total test runs, passed/failed counts, pass rate, and average duration.
36
39
  - **Trends Over Time**: Line chart showing test results across the last 30 runs.
37
40
  - **Top Flaky Tests**: Identify unstable tests quickly.
38
- - **Slowest Tests**: View tests with highest average durations.
41
+ - **Slowest Tests**: View tests with slowest average durations.
39
42
 
40
43
  - **Chart Visualizations**:
41
44
 
42
45
  - Charts for test summary, per-project breakdowns
43
46
  - Bar charts for project-specific comparisons.
44
- - **Line Chart for Trends**: Visualize execution status progression over time.
47
+ - **Line Chart for Trends**: Visualize execution status progression over time (only in local execution)
45
48
 
46
49
  - **Colorful UI**: Redesigned with vibrant, high-contrast visuals for improved readability and engagement.
47
50
 
@@ -58,8 +61,9 @@ A comprehensive and visually appealing HTML report generator tailored for Playwr
58
61
  - **Self-Contained Reports**: Easily share and review offline-friendly reports.
59
62
  - **Multi-Filters**: Combine filters for targeted test analysis.
60
63
  - **Meta Information**: Add custom user or environment metadata to reports.
61
- - **CLI**: Open the reporter anytime using the builin CLI
64
+ - **CLI**: Open the reporter anytime using the built-in CLI
62
65
  - **Open Markdown**: View markdown - Copy and use it in your AI prompt
66
+ - **Supports GitHub Actions** - [Refer the project for example](https://github.com/ortoniKC/pw-test)
63
67
 
64
68
  ---
65
69
 
@@ -70,20 +74,20 @@ A comprehensive and visually appealing HTML report generator tailored for Playwr
70
74
  Run the following command to install the **ortoni-report** package globally:
71
75
 
72
76
  ```bash
73
- npm install -D ortoni-report
77
+ npm install -g ortoni-report
74
78
  ```
75
79
 
76
- ### Step 2: Configure in `playwright.config.ts`
77
-
78
- Set up **Ortoni Report** in your Playwright configuration file with the following example:
80
+ ### Step 2: Configure in `playwright.config.[ts/js]`
79
81
 
80
82
  ```typescript
81
83
  import { defineConfig } from "@playwright/test";
82
84
  import { OrtoniReportConfig } from "ortoni-report";
83
85
  import * as os from "os";
84
86
 
87
+ // Everything is optional - use as per your requirement
88
+
85
89
  const reportConfig: OrtoniReportConfig = {
86
- open: process.env.CI ? "never" : "always", // default to never
90
+ open: process.env.CI ? "never" : "always",
87
91
  folderPath: "my-report",
88
92
  filename: "index.html",
89
93
  title: "Ortoni Test Report",
@@ -94,57 +98,28 @@ const reportConfig: OrtoniReportConfig = {
94
98
  base64Image: false,
95
99
  stdIO: false,
96
100
  meta: {
97
- "Test Cycle": "Aug 25, 2025",
98
- version: "3",
101
+ "Test Cycle": "Sep, 2025",
102
+ version: "4",
99
103
  description: "My automation suite",
100
- release: "0.3",
104
+ release: "0.1",
101
105
  platform: os.type(),
102
106
  },
103
107
  };
104
108
 
105
109
  export default defineConfig({
110
+ ... playwright config
106
111
  reporter: [["ortoni-report", reportConfig]],
107
- // Other Playwright configurations
112
+ ... playwright config
108
113
  });
109
114
  ```
110
115
 
111
- ### Configure in `playwright.config.js`
112
-
113
- ```javascript
114
- import { defineConfig } from "@playwright/test";
115
-
116
- const reportConfig = {
117
- open: process.env.CI ? "never" : "always", // default to never
118
- folderPath: "my-report",
119
- filename: "index.html",
120
- title: "Ortoni Test Report",
121
- showProject: false,
122
- projectName: "Your Project title",
123
- testType: "Functional",
124
- authorName: os.userInfo().username,
125
- base64Image: false,
126
- stdIO: false,
127
- meta: {
128
- "Test Cycle": "Aug 25, 2025",
129
- version: "3",
130
- description: "My automation suite",
131
- release: "0.3",
132
- platform: os.type(),
133
- },
134
- };
135
-
136
- export default defineConfig({
137
- reporter: [["ortoni-report", reportConfig]],
138
- // Other Playwright configurations
139
- });
140
- ```
116
+ ---
141
117
 
142
118
  ## Using the Ortoni Report CLI
143
119
 
144
120
  ### Command: `show-report`
145
121
 
146
- This command starts a local Express server and serves the generated Ortoni report. You can open the report in your default browser.
147
- Trace viewer and markdown support only in local server or cloud server
122
+ This command starts a local Express server and serves the generated Ortoni report.
148
123
 
149
124
  #### Options
150
125
 
@@ -154,42 +129,36 @@ Trace viewer and markdown support only in local server or cloud server
154
129
 
155
130
  #### Example Usage
156
131
 
157
- 1. **Default Usage**
132
+ ```bash
133
+ npx ortoni-report show-report
134
+ ```
158
135
 
159
- ```bash
160
- npx ortoni-report show-report
161
- ```
136
+ or
162
137
 
163
- This will:
138
+ ```bash
139
+ npx ortoni-report show-report --dir custom-folder --file my-report.html --port 3000
140
+ ```
164
141
 
165
- - Look for the report file `ortoni-report.html` in the `ortoni-report` folder.
166
- - Start the server on port `2004`.
142
+ ---
167
143
 
168
- 2. **Custom folder and file Options**
169
- ```bash
170
- npx ortoni-report show-report --dir custom-folder --file my-report.html --port 3000
171
- ```
172
- This will:
173
- - Look for the file `my-report.html` in `custom-folder`.
174
- - Start the server on port `3000`.
144
+ ### Command: `merge-report` _\[New]_
175
145
 
176
- #### Errors and Troubleshooting
146
+ This command **merges multiple Ortoni reports** (from shard executions or parallel test runs) into a single consolidated report.
177
147
 
178
- - If the specified file or folder does not exist, you will see an error like:
179
- ```
180
- Error: The file "my-report.html" does not exist in the folder "custom-folder".
181
- ```
182
- Ensure the file and folder paths are correct.
148
+ #### Options
183
149
 
184
- #### Accessing the Report
150
+ - **`-d, --dir <path>`**: Folder containing the shard files (folderPath - provided in ortoni-config). Defaults to ortoni-report.
151
+ - **`-f, --file <filename>`**: Name of the merged report file. Defaults to ortoni-report.html.
185
152
 
186
- Once the server is running, open your browser and navigate to:
153
+ #### Example Usage
187
154
 
188
- ```
189
- http://localhost:<port>
155
+ ```bash
156
+ npx ortoni-report merge-report
190
157
  ```
191
158
 
192
- Replace `<port>` with the port number you specified or the default port (`2004`). The report will automatically open in your default browser if the `always` option is enabled.
159
+ ```bash
160
+ npx ortoni-report merge-report --dir my-folder --file final-report.html
161
+ ```
193
162
 
194
163
  ---
195
164
 
@@ -197,27 +166,39 @@ Replace `<port>` with the port number you specified or the default port (`2004`)
197
166
 
198
167
  Stay up-to-date with the latest features, improvements, and bug fixes by reviewing the [Changelog](https://github.com/ortoniKC/ortoni-report/blob/main/changelog.md).
199
168
 
169
+ ---
170
+
200
171
  ## License
201
172
 
202
173
  This project is licensed under the terms of the [LICENSE](https://github.com/ortoniKC/ortoni-report/blob/main/LICENSE.md).
203
174
 
175
+ ---
176
+
204
177
  ## Feedback and Contributions
205
178
 
206
- I encourage you to share feedback and contribute to improving Ortoni Report! For issues, suggestions, or contributions, please visit our [GitHub repository](https://github.com/ortoniKC/ortoni-report).
179
+ I encourage you to share feedback and contribute to improving Ortoni Report!
180
+ For issues, suggestions, or contributions, please visit our [GitHub repository](https://github.com/ortoniKC/ortoni-report).
181
+
182
+ ---
207
183
 
208
184
  ## Support
209
185
 
210
186
  If you'd like to support this project, you can donate via UPI:
211
187
 
212
- ![UPI Payment](https://raw.githubusercontent.com/ortoniKC/ortoniKC/refs/heads/main/ortoni.png)
188
+ UPI id: ortoni@axl [Koushik Chatterjee]
213
189
 
214
190
  [Buy me coffee](https://buymeacoffee.com/letcode) | [Paypal](https://paypal.me/koushik1677?country.x=IN&locale.x=en_GB)
215
191
 
216
- Thank you for using **Ortoni Report**! I'm committed to providing you with a superior Playwright testing experience.
217
-
218
192
  ---
219
193
 
220
- **Developer & Designer**
221
- [Koushik Chatterjee](https://letcode.in/contact)
194
+ **With love**
195
+ Developed and designed by [Koushik Chatterjee](https://letcode.in/contact)
196
+
197
+ **Tech Stack**
198
+
199
+ 1. Report generated using Playwright custom report
200
+ 2. UI - React and Shadcn UI
201
+ 3. DB - sqlite
202
+ 4. Local host - express
222
203
 
223
204
  **LetCode with Koushik**