monocart-reporter 2.0.4 → 2.1.1

package/README.md

@@ -18,14 +18,15 @@
 * [Output](#output) HTML and JSON
 * [Reporter Options](#reporter-options)
 * [View Trace Online](#view-trace-online)
-* [Custom Columns](#custom-columns) (Extra properties for suite/case/step)
-    - [Custom Formatter](#custom-formatter)
-    - [Searchable Fields](#searchable-fields)
-* [Custom Data Visitor](#custom-data-visitor) (Extra data collection for suite/case/step)
-    - [Collect Data from the Title](#collect-data-from-the-title)
-    - [Collect Data from the Annotations](#collect-data-from-the-annotations)
-    - [Collect Data from the Comments](#collect-data-from-the-comments) (Recommended)
-    - [Remove Secrets and Sensitive Data](#remove-secrets-and-sensitive-data)
+* [Custom Fields Report](#custom-fields-report)
+    * [Custom Columns](#custom-columns) (Extra properties for suite/case/step)
+        - [Column Formatter](#column-formatter)
+        - [Searchable Fields](#searchable-fields)
+    * [Custom Data Visitor](#custom-data-visitor) (Extra data collection for suite/case/step)
+        - [Collect Data from the Title](#collect-data-from-the-title)
+        - [Collect Data from the Annotations](#collect-data-from-the-annotations)
+        - [Collect Data from the Comments](#collect-data-from-the-comments) (Recommended)
+        - [Remove Secrets and Sensitive Data](#remove-secrets-and-sensitive-data)
 * [Style Tags](#style-tags)
 * [Metadata](#metadata)
 * [Trend Chart](#trend-chart)
@@ -36,7 +37,8 @@
     - [V8](#v8)
     - [V8 to Istanbul](#v8-to-istanbul)
     - [Istanbul vs V8](#istanbul-vs-v8)
-    - [Global Coverage Report](#global-coverage-report) for Component Testing
+    - [Global Coverage Report](#global-coverage-report)
+    - [Coverage Examples](#coverage-examples)
 * [Attach Network Report](#attach-network-report)
 * [Global State Management](#global-state-management)
     - [Setup Global State](#setup-global-state)
@@ -179,7 +181,12 @@ npx monocart serve-report <your-outputFile-path>
 ```
 Or customize your own trace viewer url with option `traceViewerUrl` defaults to  `https://trace.playwright.dev/?trace={traceUrl}`
 
-## Custom Columns
+## Custom Fields Report
+You can add custom fields to the report. for example: Owner, JIRA Key etc.
+- First, you need to add [custom columns](#custom-columns) for the fields.
+- Then, collect data for these fields with [custom data visitor](#custom-data-visitor)
+
+### Custom Columns
 The report will be displayed in a `Tree Grid`. The `columns` function is used to customize the grid columns. The column properties following:
 - `id` (String) Column id (required)
 - `name` (String) Column name, shows in grid header
@@ -234,7 +241,7 @@ module.exports = {
     ]
 };
 ```
-### Custom Formatter
+#### Column Formatter
 > Note: The `formatter` function will be serialized into string via JSON, so closures, contexts, etc. will not work!
 ```js
 // playwright.config.js
@@ -273,7 +280,7 @@ module.exports = {
 };
 ```
 
-### Searchable Fields
+#### Searchable Fields
 ```js
 // playwright.config.js
 module.exports = {
@@ -290,13 +297,13 @@ module.exports = {
 };
 ```
 
-## Custom Data Visitor
+### Custom Data Visitor
 The `visitor` function will be executed for each row item (suite, case and step). Arguments:
 - `data` data item (suite/case/step) for reporter, you can rewrite some of its properties or add more
 - `metadata` original data object from Playwright test, could be one of [Suite](https://playwright.dev/docs/api/class-suite), [TestCase](https://playwright.dev/docs/api/class-testcase) or [TestStep](https://playwright.dev/docs/api/class-teststep)
 - `collect` see [collect data from the comments](#collect-data-from-the-comments)
 
-### Collect Data from the Title
+#### Collect Data from the Title
 For example, we want to parse out the jira key from the title:
 ```js
 test('[MCR-123] collect data from the title', () => {
@@ -324,7 +331,7 @@ module.exports = {
 ```
 multiple matches example: [collect-data](https://github.com/cenfun/monocart-reporter-test/tree/main/tests/collect-data)
 
-### Collect Data from the Annotations
+#### Collect Data from the Annotations
 It should be easier than getting from title. see [custom annotations](https://playwright.dev/docs/test-annotations#custom-annotations) via `test.info().annotations`
 ```js
 test('collect data from the annotations', () => {
@@ -355,7 +362,7 @@ module.exports = {
 };
 ```
 
-### Collect Data from the Comments
+#### Collect Data from the Comments
 > The code comments are good enough to provide extra information without breaking existing code, and no dependencies, clean, easy to read, etc. 
 - First, add the collection of comments in the visitor. 
 > Note: If there are any parsing error messages in red lines, try other parser options like `sourceType: 'module'` or `plugins: ['typescript']` according to your situation.
@@ -468,7 +475,7 @@ test.describe('suite title', () => {
 const { test, expect } = require('@playwright/test');
 ```
 
-### Remove Secrets and Sensitive Data
+#### Remove Secrets and Sensitive Data
 > The report may hosted outside of the organization’s internal boundaries, security becomes a big issue. Any secrets or sensitive data, such as usernames, passwords, tokens and API keys, should be handled with extreme care. The following example is removing the password and token from the report data with the string replacement in `visitor` function.
 ```js
 // playwright.config.js
@@ -792,10 +799,14 @@ const test = testBase.extend({
 });
 export { test, expect };
 ```
-- The coverage examples for Playwright component testing:
+
+### Coverage Examples
+- For Playwright component testing:
     - [playwright-ct-vue](https://github.com/cenfun/playwright-ct-vue)
     - [playwright-ct-react](https://github.com/cenfun/playwright-ct-react)
     - [playwright-ct-svelte](https://github.com/cenfun/playwright-ct-svelte)
+- [playwright-nextjs-coverage-example](https://github.com/michaelhays/playwright-nextjs-coverage-example)
+- [code-coverage-with-monocart-reporter](https://github.com/edumserrano/playwright-adventures/blob/main/demos/code-coverage-with-monocart-reporter/) 
 
 ## Attach Network Report
 Attach a network report with API `attachNetworkReport(har, testInfo)`. Arguments:

package/lib/index.js

@@ -96,6 +96,12 @@ class Reporter {
         return this.testMap.get(testId);
     }
 
+    addTestLog(test, log) {
+        if (test && test.logs) {
+            test.logs.push(log);
+        }
+    }
+
     // ==========================================================================
 
     // Whether this reporter uses stdio for reporting.
@@ -136,7 +142,7 @@ class Reporter {
         // result stderr and stdout without order
         if (test.logs) {
             const retryLogs = ['\n', EC.yellow(`Retry #${result.retry}`), '\n'].join('');
-            test.logs.push(retryLogs);
+            this.addTestLog(test, retryLogs);
         } else {
             test.logs = [];
         }
@@ -144,18 +150,12 @@ class Reporter {
 
     onStdErr(chunk, test, result) {
         // Note that output may happen when no test is running, in which case this will be void.
-        test = test || this.lastTest;
-        if (test) {
-            test.logs.push(EC.red(chunk));
-        }
+        this.addTestLog(test || this.lastTest, EC.red(chunk));
     }
 
     onStdOut(chunk, test, result) {
         // Note that output may happen when no test is running, in which case this will be void.
-        test = test || this.lastTest;
-        if (test) {
-            test.logs.push(chunk);
-        }
+        this.addTestLog(test || this.lastTest, chunk);
     }
 
     // Called on some global error, for example unhandled exception in the worker process.
@@ -163,9 +163,7 @@ class Reporter {
         // EC.logRed(error);
 
         // add the error to test logs
-        if (this.lastTest) {
-            this.lastTest.logs.push(EC.red(error.message));
-        }
+        this.addTestLog(this.lastTest, EC.red(error.message));
 
     }