odhin-reports-playwright 1.0.1

package/lib/html/runInfo.html

@@ -0,0 +1,47 @@
+<div class="mt-3 mb-3 odhin-thin-border dashboard-block">
+	<div class="info-box-header">Run info</div>
+	<div class="odhin-table">
+		<div class="container-fluid">
+			<div class="row m-0 p-0">
+				<div class="col m-0 p-0">
+					<div class="table-responsive text-start">
+						<table
+							class="table table-sm mb-0 testcase-run-info-table"
+						>
+							<tr>
+								<th class="odhin-text-2">Project</th>
+								<td class="text-secondary-emphasis fst-italic">{{.Project}}</td>
+							</tr>
+							<tr>
+								<th class="odhin-text-2 fst-italic">Release</th>
+								<td class="text-secondary-emphasis fst-italic">{{.Release}}</td>
+							</tr>
+							<tr>
+								<th class="odhin-text-2 fst-italic">Test Environment</th>
+								<td class="text-secondary-emphasis fst-italic">
+									{{.TestEnvironment}}
+								</td>
+							</tr>
+							<tr>
+								<th class="odhin-text-2">Execution Start Time</th>
+								<td class="text-secondary-emphasis fst-italic">
+									{{.StartTime}}
+								</td>
+							</tr>
+							<tr>
+								<th class="odhin-text-2">Execution End Time</th>
+								<td class="text-secondary-emphasis fst-italic">{{.EndTime}}</td>
+							</tr>
+							<tr>
+								<th class="odhin-text-2">Total Execution Time</th>
+								<td class="text-secondary-emphasis fst-italic">
+									{{.TotalExecutionTime}}
+								</td>
+							</tr>
+						</table>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

package/lib/html/summary.html

@@ -0,0 +1,20 @@
+<div class="mt-3 mb-3 odhin-thin-border dashboard-block">
+	<div class="info-box-header">{{.SummaryTitleName}}</div>
+	<div class="odhin-table-no-scroll">
+		<div class="table-responsive">
+			<table class="table table-sm mb-0">
+				<tr>
+					<th class="odhin-text-2">{{.SummaryColumnName}}</th>
+					<th class="odhin-text-2">Tests</th>
+					<th class="odhin-text-2">Execution Time</th>
+					<th class="odhin-text-2">Passed</th>
+					<th class="odhin-text-2">Failed</th>
+					<th class="odhin-text-2">Timed Out</th>
+					<th class="odhin-text-2">Skipped</th>
+					<th class="odhin-text-2">Interrupted</th>
+				</tr>
+				{{.Data}}
+			</table>
+		</div>
+	</div>
+</div>

package/lib/html/summaryRow.html

@@ -0,0 +1,10 @@
+<tr>
+    <td class="fs-6 text-secondary-emphasis text-start summary-row-left-column">{{.Name}}</td>
+    <td class="text-secondary-emphasis">{{.TotalTests}}</td>
+    <td class="text-secondary-emphasis">{{.TotalExecutionTime}}</td>
+    <td class="result-status-passed">{{.PassedValue}} (<label class="fst-italic">{{.PassedPercentage}}%</label>)</td>
+    <td class="result-status-failed">{{.FailedValue}} (<label class="fst-italic">{{.FailedPercentage}}%</label>)</td>
+    <td class="result-status-timedOut">{{.TimedOutValue}} (<label class="fst-italic">{{.TimedOutPercentage}}%</label>)</td>
+    <td class="result-status-skipped">{{.SkippedValue}} (<label class="fst-italic">{{.SkippedPercentage}}%</label>)</td>
+    <td class="result-status-interrupted">{{.InterruptedValue}} (<label class="fst-italic">{{.InterruptedPercentage}}%</label>)</td>
+</tr>

package/lib/html/testCase.html

@@ -0,0 +1,12 @@
+<tr class="test-row-result row-{{.TRClassesCss}} {{.TRClassesCss}}"
+data-bs-toggle="modal"
+data-bs-target="#{{.ModalID}}"
+onclick="showHideScroll('hide')"
+>
+	<td class="{{.TDClassesCss}}">{{.Title}}</td>
+	<td class="text-capitalize {{.TDClassesCss}}">{{.Status}}</td>
+	<td class="{{.TDClassesCss}}">{{.File}}</td>
+	<td class="{{.TDClassesCss}}">{{.Project}}</td>
+	<td class="{{.TDClassesCss}}">{{.Duration}}</td>
+	{{.Retry}}
+</tr>

package/lib/html/testCaseDetails.html

@@ -0,0 +1,125 @@
+<div
+			class="modal fade"
+			id="{{.ModalID}}"
+			tabindex="-1"
+			aria-labelledby="{{.ModalID}}Label"
+			aria-hidden="true"
+		>
+			<div class="modal-dialog modal-fullscreen modal-dialog-scrollable">
+				<div class="modal-content">
+					<div class="modal-header result-header">
+
+						<div class="header-col-left">
+							<span class="modal-title fs-5" id="{{.ModalID}}Label">
+								<label class="text-capitalize {{.ModalHeaderClassesCss}}">{{.ModalHeaderStatus}}</label>
+							</span>
+						</div>
+						<div class="header-col-center">
+							{{.Title}}
+						</div>
+						<div class="header-col-right">
+							<span
+								type="button"
+								class="close-btn"
+								data-bs-dismiss="modal"
+								aria-label="Close"
+								onclick="showHideScroll('show')"
+								>X</span>
+						</div>						
+						
+					</div>
+					<div class="modal-header result-tab-header">
+						<div class="tab">
+							<button class="result-tablinks-{{.ModalID}} active" onclick="openResultTab(event, 'TabRunInfo-{{.ModalID}}', '{{.ModalID}}')">
+								Info
+							</button>
+							<button class="result-tablinks-{{.ModalID}}" onclick="openResultTab(event, 'TabSteps-{{.ModalID}}', '{{.ModalID}}')">
+								Steps
+							</button>
+							{{.ErrorsTabButton}}
+							{{.ScreenshotsTabButton}}
+							{{.VideosTabButton}}
+							{{.TraceTabButton}}
+							{{.StdoutTabButton}} 
+							{{.StderrTabButton}}
+						</div>
+					</div>
+					<div class="modal-body odhin-bg-2">
+						<div id="TabRunInfo-{{.ModalID}}" style="display: block" class="result-tabcontent result-tabcontent-{{.ModalID}}">
+							<div class="container-fluid">
+								<div class="row m-0 p-0">
+									<div class="col m-0 p-0">
+										<div class="table-responsive">
+											<table
+												class="table table-sm mb-0 testcase-run-info-table"
+											>
+												<tr>
+													<th class="odhin-text-2">Run Info</th>
+													<td
+														class="text-secondary-emphasis fst-italic"
+													>
+														
+													</td>
+												</tr>
+												<tr>
+													<th class="odhin-text-2 fst-italic">Project</th>
+													<td
+														class="text-secondary-emphasis fst-italic"
+													>
+														{{.InfoProject}}
+													</td>
+												</tr>
+												<tr>
+													<th class="odhin-text-2">
+														Execution Start Time
+													</th>
+													<td
+														class="text-secondary-emphasis fst-italic"
+													>
+														{{.InfoStartTime}}
+													</td>
+												</tr>
+												<tr>
+													<th class="odhin-text-2">
+														Total Execution Time
+													</th>
+													<td
+														class="text-secondary-emphasis fst-italic"
+													>
+														{{.InfoTotalExecutionTime}}
+													</td>
+												</tr>
+												{{.InfoRetry}}
+												<tr>
+													<th class="odhin-text-2 info-tr-space">Test Info</th>
+													<td class="text-secondary-emphasis fst-italic info-tr-space" ></td>
+												</tr>
+												<tr>
+													<th class="odhin-text-2">Filename</th>
+													<td
+														class="text-secondary-emphasis fst-italic"
+													>
+														{{.InfoFilename}}
+													</td>
+												</tr>
+												{{.InfoTags}}
+												{{.InfoAnnotations}}
+											</table>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+						<div id="TabSteps-{{.ModalID}}" style="display: none" class="result-tabcontent result-tabcontent-{{.ModalID}}">
+							{{.Steps}}
+						</div>
+						{{.Errors}}
+						{{.Screenshots}}
+						{{.Videos}}
+						{{.Trace}}
+						{{.Stdout}} 
+						{{.Stderr}}
+					</div>
+				</div>
+			</div>
+		</div>

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+import { Reporter, FullConfig, Suite, TestCase, TestResult } from "@playwright/test/reporter";
+import { ExecOptions } from "./types/execOptions.types";
+declare class OdhinPlaywrightReporter implements Reporter {
+    private generate;
+    constructor(execOptions: ExecOptions);
+    onBegin(config: FullConfig, suite: Suite): Promise<void>;
+    onTestEnd(testCase: TestCase, result: TestResult): Promise<void>;
+    onEnd(): Promise<void>;
+    onStdOut(chunk: string): Promise<void>;
+    onStdErr(chunk: string): Promise<void>;
+}
+export default OdhinPlaywrightReporter;

package/lib/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const generate_1 = __importDefault(require("./generate"));
+class OdhinPlaywrightReporter {
+    constructor(execOptions) {
+        this.generate = new generate_1.default(execOptions);
+    }
+    async onBegin(config, suite) {
+        await this.generate.onBegin(config, suite);
+    }
+    async onTestEnd(testCase, result) {
+        await this.generate.onTestEnd({
+            id: testCase.id,
+            title: testCase.title,
+            filename: testCase["_requireFile"],
+            projectId: testCase["_projectId"],
+            projectInfo: testCase.parent.parent !== undefined,
+            retries: testCase.parent["_entries"][0].retries,
+            tags: testCase["_tags"],
+            annotations: testCase.annotations,
+        }, {
+            duration: result.duration,
+            status: result.status.toString(),
+            retry: result.retry,
+            startTime: result.startTime,
+            parallelIndex: result.parallelIndex,
+            errors: result.errors,
+            stderr: result.stderr,
+            stdout: result.stdout,
+            steps: result.steps,
+            attachments: result.attachments,
+            workerIndex: result.workerIndex,
+        });
+    }
+    async onEnd() {
+        await this.generate.onEnd();
+    }
+    async onStdOut(chunk) {
+        await this.generate.onStdOut(chunk);
+    }
+    async onStdErr(chunk) {
+        await this.generate.onStdErr(chunk);
+    }
+}
+exports.default = OdhinPlaywrightReporter;

package/lib/server.mjs

@@ -0,0 +1,8 @@
+import express from 'express';
+import serveStatic from 'serve-static';
+import openBrowser from 'open';
+
+const app = express();
+app.use(serveStatic(process.argv[3], { index: [process.argv[4]] }));
+app.listen(process.argv[2]);
+openBrowser('http://localhost:'+process.argv[2]);

package/lib/types/execFileInfo.types.d.ts

@@ -0,0 +1,13 @@
+export interface ExecFileInfo {
+    filename: string;
+    color: string;
+    totalPassed: number;
+    totalFailed: number;
+    totalTimedOut: number;
+    totalSkipped: number;
+    totalInterrupted: number;
+    totalTests: number;
+    totalDuration: number;
+    startTime: string;
+    endTime: string;
+}

package/lib/types/execFileInfo.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/execInfo.types.d.ts

@@ -0,0 +1,15 @@
+import { ExecProjectInfo } from "./execProjectInfo.types";
+import { ExecFileInfo } from "./execFileInfo.types";
+export interface ExecInfo {
+    projectName: string;
+    totalPassed: number;
+    totalFailed: number;
+    totalTimedOut: number;
+    totalSkipped: number;
+    totalInterrupted: number;
+    totalTests: number;
+    startTime: string;
+    endTime: string;
+    execFiles: ExecFileInfo[];
+    execProjects: ExecProjectInfo[];
+}

package/lib/types/execInfo.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/execOptions.types.d.ts

@@ -0,0 +1,17 @@
+export interface ExecOptions {
+    testFolder: string;
+    title: string;
+    testEnvironment: string;
+    project: string;
+    release: string;
+    embedAssets: boolean;
+    embedAttachments: boolean;
+    outputFolder: string;
+    startServer: boolean;
+    consoleLog: boolean;
+    consoleError: boolean;
+    consoleTestOutput: boolean;
+    simpleConsoleLog: boolean;
+    initialTheme: string;
+    indexFilename: string;
+}

package/lib/types/execOptions.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/execProjectInfo.types.d.ts

@@ -0,0 +1,13 @@
+export interface ExecProjectInfo {
+    project: string;
+    color: string;
+    totalPassed: number;
+    totalFailed: number;
+    totalTimedOut: number;
+    totalSkipped: number;
+    totalInterrupted: number;
+    totalTests: number;
+    totalDuration: number;
+    startTime: string;
+    endTime: string;
+}

package/lib/types/execProjectInfo.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/execTestCase.types.d.ts

@@ -0,0 +1,14 @@
+export interface ExecTestCase {
+    id: string;
+    title: string;
+    filename: string;
+    projectId: string;
+    projectInfo: boolean;
+    retries: number;
+    tags: string[];
+    annotations: Annotation[];
+}
+export interface Annotation {
+    type: string;
+    description: string;
+}

package/lib/types/execTestCase.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/execTestResult.types.d.ts

@@ -0,0 +1,43 @@
+export interface ExecTestResult {
+    id?: string;
+    duration: number;
+    status: string;
+    retry: number;
+    startTime: Date;
+    parallelIndex: number;
+    errors: Array<TestError>;
+    stderr: Array<string | Buffer>;
+    stdout: Array<string | Buffer>;
+    steps: Array<TestStep>;
+    attachments: Array<TestAttachment>;
+    workerIndex: number;
+}
+export interface TestError {
+    location?: Location;
+    message?: string;
+    snippet?: string;
+    stack?: string;
+    value?: string;
+}
+export interface TestStep {
+    id?: string;
+    category: string;
+    duration: number;
+    error?: TestError;
+    location?: Location;
+    parent?: TestStep;
+    startTime: Date;
+    steps: Array<TestStep>;
+    title: string;
+}
+export interface TestAttachment {
+    name: string;
+    contentType: string;
+    path?: string;
+    body?: Buffer;
+}
+export interface Location {
+    column: number;
+    file: string;
+    line: number;
+}

package/lib/types/execTestResult.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onEnd.types.d.ts

@@ -0,0 +1,12 @@
+export interface OnEnd {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    result: Result;
+}
+export interface Result {
+    status: string;
+    startTime: number;
+    duration: number;
+}

package/lib/types/onEnd.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onProject.types.d.ts

@@ -0,0 +1,53 @@
+export interface OnProject {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    project: Project;
+}
+export interface Project {
+    id: string;
+    name: string;
+    outputDir: string;
+    repeatEach: number;
+    retries: number;
+    testDir: string;
+    testIgnore: any[];
+    testMatch: TestMatch[];
+    timeout: number;
+    suites: Suite[];
+    grep: Grep[];
+    grepInvert: any[];
+    dependencies: any[];
+    snapshotDir: string;
+}
+export interface Grep {
+    r: R;
+}
+export interface R {
+    source: string;
+    flags: string;
+}
+export interface Suite {
+    type: string;
+    title: string;
+    fileId: string;
+    parallelMode: string;
+    location: Location;
+    suites: Suite[];
+    tests: Test[];
+}
+export interface Location {
+    file: string;
+    line: number;
+    column: number;
+}
+export interface Test {
+    testId: string;
+    title: string;
+    location: Location;
+    retries: number;
+}
+export interface TestMatch {
+    s: string;
+}

package/lib/types/onProject.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onStdIO.types.d.ts

@@ -0,0 +1,11 @@
+export interface OnStdIO {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    testId: string;
+    resultId: string;
+    type: string;
+    data: string;
+    isBase64: boolean;
+}

package/lib/types/onStdIO.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onStepBegin.types.d.ts

@@ -0,0 +1,22 @@
+export interface OnStepBegin {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    testId: string;
+    resultId: string;
+    step: Step;
+}
+export interface Step {
+    id: string;
+    title: string;
+    category: string;
+    startTime: number;
+    location: Location;
+    parentStepId: string;
+}
+export interface Location {
+    file: string;
+    line: number;
+    column: number;
+}

package/lib/types/onStepBegin.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onStepEnd.types.d.ts

@@ -0,0 +1,25 @@
+export interface OnStepEnd {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    testId: string;
+    resultId: string;
+    step: Step;
+}
+export interface Step {
+    id: string;
+    duration: number;
+    error: Error;
+}
+export interface Error {
+    message: string;
+    stack: string;
+    location: Location;
+    snippet: string;
+}
+export interface Location {
+    file: string;
+    column: number;
+    line: number;
+}

package/lib/types/onStepEnd.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onTestBegin.types.d.ts

@@ -0,0 +1,15 @@
+export interface OnTestBegin {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    testId: string;
+    result: Result;
+}
+export interface Result {
+    id: string;
+    retry: number;
+    workerIndex: number;
+    parallelIndex: number;
+    startTime: number;
+}

package/lib/types/onTestBegin.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/onTestEnd.types.d.ts

@@ -0,0 +1,37 @@
+export interface OnTestEnd {
+    method: string;
+    params: Params;
+}
+export interface Params {
+    test: Test;
+    result: Result;
+}
+export interface Result {
+    id: string;
+    duration: number;
+    status: string;
+    errors: Error[];
+    attachments: Attachment[];
+}
+export interface Attachment {
+    name: string;
+    path: string;
+    contentType: string;
+}
+export interface Error {
+    message: string;
+    stack: string;
+    location: Location;
+    snippet: string;
+}
+export interface Location {
+    file: string;
+    column: number;
+    line: number;
+}
+export interface Test {
+    testId: string;
+    expectedStatus: string;
+    annotations: any[];
+    timeout: number;
+}

package/lib/types/onTestEnd.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/types/testReport.types.d.ts

@@ -0,0 +1,6 @@
+import { ExecTestCase } from "./execTestCase.types";
+import { ExecTestResult } from "./execTestResult.types";
+export interface TestReport {
+    testCase: ExecTestCase;
+    result: ExecTestResult;
+}

package/lib/types/testReport.types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });