diff --git a/.gitignore b/.gitignore
index fc1f70320..4afed9191 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,6 +17,9 @@ examples/selenoid-example/output
test/data/app/db
test/data/sandbox/steps.d.ts
test/data/sandbox/configs/custom-reporter-plugin/output/result.json
+test/data/sandbox/configs/html-reporter-plugin/output/
+output/
+test/runner/output/
testpullfilecache*
.DS_Store
package-lock.json
diff --git a/README.md b/README.md
index 4ca636d91..cbe95200b 100644
--- a/README.md
+++ b/README.md
@@ -65,6 +65,7 @@ You don't need to worry about asynchronous nature of NodeJS or about various API
- Smart locators: use names, labels, matching text, CSS or XPath to locate elements.
- π Interactive debugging shell: pause test at any point and try different commands in a browser.
- β‘ **Parallel testing** with dynamic test pooling for optimal load balancing and performance.
+- π **Built-in HTML Reporter** with interactive dashboard, step-by-step execution details, and comprehensive test analytics.
- Easily create tests, pageobjects, stepobjects with CLI generators.
## Installation
@@ -234,6 +235,49 @@ Scenario('test title', () => {
})
```
+## HTML Reporter
+
+CodeceptJS includes a powerful built-in HTML Reporter that generates comprehensive, interactive test reports with detailed information about your test runs. The HTML reporter is **enabled by default** for all new projects and provides:
+
+### Features
+
+- **Interactive Dashboard**: Visual statistics, pie charts, and expandable test details
+- **Step-by-Step Execution**: Shows individual test steps with timing and status indicators
+- **BDD/Gherkin Support**: Full support for feature files with proper scenario formatting
+- **System Information**: Comprehensive environment details including browser versions
+- **Advanced Filtering**: Real-time filtering by status, tags, features, and test types
+- **History Tracking**: Multi-run history with trend visualization
+- **Error Details**: Clean formatting of error messages and stack traces
+- **Artifacts Support**: Display screenshots and other test artifacts
+
+### Visual Examples
+
+#### Interactive Test Dashboard
+
+The main dashboard provides a complete overview with interactive statistics and pie charts:
+
+
+
+#### Detailed Test Results
+
+Each test shows comprehensive execution details with expandable step information:
+
+
+
+#### Advanced Filtering Capabilities
+
+Real-time filtering allows quick navigation through test results:
+
+
+
+#### BDD/Gherkin Support
+
+Full support for Gherkin scenarios with proper feature formatting:
+
+
+
+The HTML reporter generates self-contained reports that can be easily shared with your team. Learn more about configuration and features in the [HTML Reporter documentation](https://codecept.io/plugins/#htmlreporter).
+
## PageObjects
CodeceptJS provides the most simple way to create and use page objects in your test.
diff --git a/docs/plugins.md b/docs/plugins.md
index d726e636a..641c8f39d 100644
--- a/docs/plugins.md
+++ b/docs/plugins.md
@@ -714,6 +714,44 @@ More config options are available:
- `config` (optional, default `{}`)
+## htmlReporter
+
+HTML Reporter Plugin for CodeceptJS
+
+Generates comprehensive HTML reports showing:
+
+- Test statistics
+- Feature/Scenario details
+- Individual step results
+- Test artifacts (screenshots, etc.)
+
+## Configuration
+
+```js
+"plugins": {
+ "htmlReporter": {
+ "enabled": true,
+ "output": "./output",
+ "reportFileName": "report.html",
+ "includeArtifacts": true,
+ "showSteps": true,
+ "showSkipped": true,
+ "showMetadata": true,
+ "showTags": true,
+ "showRetries": true,
+ "exportStats": false,
+ "exportStatsPath": "./stats.json",
+ "keepHistory": false,
+ "historyPath": "./test-history.json",
+ "maxHistoryEntries": 50
+ }
+}
+```
+
+### Parameters
+
+- `config`
+
## pageInfo
Collects information from web page after each failed test and adds it to the test as an artifact.
diff --git a/docs/reports.md b/docs/reports.md
index bf444dfb3..07bf89bad 100644
--- a/docs/reports.md
+++ b/docs/reports.md
@@ -228,6 +228,66 @@ Result will be located at `output/result.xml` file.
## Html
+### Built-in HTML Reporter
+
+CodeceptJS includes a built-in HTML reporter plugin that generates comprehensive HTML reports with detailed test information.
+
+#### Features
+
+- **Interactive Test Results**: Click on tests to expand and view detailed information
+- **Step-by-Step Details**: Shows individual test steps with status indicators and timing
+- **Test Statistics**: Visual cards showing totals, passed, failed, and pending test counts
+- **Error Information**: Detailed error messages for failed tests with clean formatting
+- **Artifacts Support**: Display screenshots and other test artifacts with modal viewing
+- **Responsive Design**: Mobile-friendly layout that works on all screen sizes
+- **Professional Styling**: Modern, clean interface with color-coded status indicators
+
+#### Configuration
+
+Add the `htmlReporter` plugin to your `codecept.conf.js`:
+
+```js
+exports.config = {
+ // ... your other configuration
+ plugins: {
+ htmlReporter: {
+ enabled: true,
+ output: './output', // Directory for the report
+ reportFileName: 'report.html', // Name of the HTML file
+ includeArtifacts: true, // Include screenshots/artifacts
+ showSteps: true, // Show individual test steps
+ showSkipped: true // Show skipped tests
+ }
+ }
+}
+```
+
+#### Configuration Options
+
+- `output` (optional, default: `./output`) - Directory where the HTML report will be saved
+- `reportFileName` (optional, default: `'report.html'`) - Name of the generated HTML file
+- `includeArtifacts` (optional, default: `true`) - Whether to include screenshots and other artifacts
+- `showSteps` (optional, default: `true`) - Whether to display individual test steps
+- `showSkipped` (optional, default: `true`) - Whether to include skipped tests in the report
+
+#### Usage
+
+Run your tests normally and the HTML report will be automatically generated:
+
+```sh
+npx codeceptjs run
+```
+
+The report will be saved to `output/report.html` (or your configured location) and includes:
+
+- Overview statistics with visual cards
+- Expandable test details showing steps and timing
+- Error messages for failed tests
+- Screenshots and artifacts (if available)
+- Interactive failures section
+
+### Mochawesome
+
Best HTML reports could be produced with [mochawesome](https://www.npmjs.com/package/mochawesome) reporter.
diff --git a/docs/shared/html-reporter-bdd-details.png b/docs/shared/html-reporter-bdd-details.png
new file mode 100644
index 000000000..56db49b86
Binary files /dev/null and b/docs/shared/html-reporter-bdd-details.png differ
diff --git a/docs/shared/html-reporter-filtering.png b/docs/shared/html-reporter-filtering.png
new file mode 100644
index 000000000..519608324
Binary files /dev/null and b/docs/shared/html-reporter-filtering.png differ
diff --git a/docs/shared/html-reporter-main-dashboard.png b/docs/shared/html-reporter-main-dashboard.png
new file mode 100644
index 000000000..79bc68506
Binary files /dev/null and b/docs/shared/html-reporter-main-dashboard.png differ
diff --git a/docs/shared/html-reporter-test-details.png b/docs/shared/html-reporter-test-details.png
new file mode 100644
index 000000000..6227a158b
Binary files /dev/null and b/docs/shared/html-reporter-test-details.png differ
diff --git a/lib/command/init.js b/lib/command/init.js
index 735e16c23..ee5ba1294 100644
--- a/lib/command/init.js
+++ b/lib/command/init.js
@@ -18,6 +18,11 @@ const defaultConfig = {
output: '',
helpers: {},
include: {},
+ plugins: {
+ htmlReporter: {
+ enabled: true,
+ },
+ },
}
const helpers = ['Playwright', 'WebDriver', 'Puppeteer', 'REST', 'GraphQL', 'Appium', 'TestCafe']
diff --git a/lib/plugin/htmlReporter.js b/lib/plugin/htmlReporter.js
new file mode 100644
index 000000000..ec033050e
--- /dev/null
+++ b/lib/plugin/htmlReporter.js
@@ -0,0 +1,1947 @@
+const fs = require('fs')
+const path = require('path')
+const mkdirp = require('mkdirp')
+const crypto = require('crypto')
+const { template } = require('../utils')
+const { getMachineInfo } = require('../command/info')
+
+const event = require('../event')
+const output = require('../output')
+const Codecept = require('../codecept')
+
+const defaultConfig = {
+ output: global.output_dir || './output',
+ reportFileName: 'report.html',
+ includeArtifacts: true,
+ showSteps: true,
+ showSkipped: true,
+ showMetadata: true,
+ showTags: true,
+ showRetries: true,
+ exportStats: false,
+ exportStatsPath: './stats.json',
+ keepHistory: false,
+ historyPath: './test-history.json',
+ maxHistoryEntries: 50,
+}
+
+/**
+ * HTML Reporter Plugin for CodeceptJS
+ *
+ * Generates comprehensive HTML reports showing:
+ * - Test statistics
+ * - Feature/Scenario details
+ * - Individual step results
+ * - Test artifacts (screenshots, etc.)
+ *
+ * ## Configuration
+ *
+ * ```js
+ * "plugins": {
+ * "htmlReporter": {
+ * "enabled": true,
+ * "output": "./output",
+ * "reportFileName": "report.html",
+ * "includeArtifacts": true,
+ * "showSteps": true,
+ * "showSkipped": true,
+ * "showMetadata": true,
+ * "showTags": true,
+ * "showRetries": true,
+ * "exportStats": false,
+ * "exportStatsPath": "./stats.json",
+ * "keepHistory": false,
+ * "historyPath": "./test-history.json",
+ * "maxHistoryEntries": 50
+ * }
+ * }
+ * ```
+ */
+module.exports = function (config) {
+ const options = { ...defaultConfig, ...config }
+ let reportData = {
+ stats: {},
+ tests: [],
+ failures: [],
+ hooks: [],
+ startTime: null,
+ endTime: null,
+ retries: [],
+ config: options,
+ }
+ let currentTestSteps = []
+ let currentTestHooks = []
+ let currentBddSteps = [] // Track BDD/Gherkin steps
+ let testRetryAttempts = new Map() // Track retry attempts per test
+ let currentSuite = null // Track current suite for BDD detection
+
+ // Initialize report directory
+ const reportDir = options.output ? path.resolve(global.codecept_dir, options.output) : path.resolve(global.output_dir || './output')
+ mkdirp.sync(reportDir)
+
+ // Track overall test execution
+ event.dispatcher.on(event.all.before, () => {
+ reportData.startTime = new Date()
+ output.plugin('htmlReporter', 'Starting HTML report generation...')
+ })
+
+ // Track test start to initialize steps and hooks collection
+ event.dispatcher.on(event.test.before, test => {
+ currentTestSteps = []
+ currentTestHooks = []
+ currentBddSteps = []
+
+ // Track current suite for BDD detection
+ currentSuite = test.parent
+
+ // Track retry attempts
+ if (test.retriedTest && test.retriedTest()) {
+ const originalTest = test.retriedTest()
+ const testId = generateTestId(originalTest)
+ if (!testRetryAttempts.has(testId)) {
+ testRetryAttempts.set(testId, 0)
+ }
+ testRetryAttempts.set(testId, testRetryAttempts.get(testId) + 1)
+ }
+ })
+
+ // Collect step information
+ event.dispatcher.on(event.step.started, step => {
+ step.htmlReporterStartTime = Date.now()
+ })
+
+ event.dispatcher.on(event.step.finished, step => {
+ if (step.htmlReporterStartTime) {
+ step.duration = Date.now() - step.htmlReporterStartTime
+ }
+ currentTestSteps.push({
+ name: step.name,
+ actor: step.actor,
+ args: step.args || [],
+ status: step.failed ? 'failed' : 'success',
+ duration: step.duration || 0,
+ })
+ })
+
+ // Collect hook information
+ event.dispatcher.on(event.hook.started, hook => {
+ hook.htmlReporterStartTime = Date.now()
+ })
+
+ event.dispatcher.on(event.hook.finished, hook => {
+ if (hook.htmlReporterStartTime) {
+ hook.duration = Date.now() - hook.htmlReporterStartTime
+ }
+ const hookInfo = {
+ title: hook.title,
+ type: hook.type || 'unknown', // before, after, beforeSuite, afterSuite
+ status: hook.err ? 'failed' : 'passed',
+ duration: hook.duration || 0,
+ error: hook.err ? hook.err.message : null,
+ }
+ currentTestHooks.push(hookInfo)
+ reportData.hooks.push(hookInfo)
+ })
+
+ // Collect BDD/Gherkin step information
+ event.dispatcher.on(event.bddStep.started, step => {
+ step.htmlReporterStartTime = Date.now()
+ })
+
+ event.dispatcher.on(event.bddStep.finished, step => {
+ if (step.htmlReporterStartTime) {
+ step.duration = Date.now() - step.htmlReporterStartTime
+ }
+ currentBddSteps.push({
+ keyword: step.actor || 'Given',
+ text: step.name,
+ status: step.failed ? 'failed' : 'success',
+ duration: step.duration || 0,
+ comment: step.comment,
+ })
+ })
+
+ // Collect test results
+ event.dispatcher.on(event.test.finished, test => {
+ const testId = generateTestId(test)
+ const retryAttempts = testRetryAttempts.get(testId) || 0
+
+ // Detect if this is a BDD/Gherkin test
+ const isBddTest = isBddGherkinTest(test, currentSuite)
+ const steps = isBddTest ? currentBddSteps : currentTestSteps
+ const featureInfo = isBddTest ? getBddFeatureInfo(test, currentSuite) : null
+
+ reportData.tests.push({
+ ...test,
+ id: testId,
+ duration: test.duration || 0,
+ steps: [...steps], // Copy the steps (BDD or regular)
+ hooks: [...currentTestHooks], // Copy the hooks
+ artifacts: test.artifacts || [],
+ tags: test.tags || [],
+ meta: test.meta || {},
+ opts: test.opts || {},
+ notes: test.notes || [],
+ retryAttempts: retryAttempts,
+ uid: test.uid,
+ isBdd: isBddTest,
+ feature: featureInfo,
+ })
+
+ // If this was a retry, track the retry information
+ if (retryAttempts> 0) {
+ reportData.retries.push({
+ testId: testId,
+ testTitle: test.title,
+ attempts: retryAttempts,
+ finalState: test.state,
+ duration: test.duration || 0,
+ })
+ }
+ })
+
+ // Generate final report
+ event.dispatcher.on(event.all.result, result => {
+ reportData.endTime = new Date()
+ reportData.stats = result.stats
+ reportData.failures = result.failures || []
+ reportData.duration = reportData.endTime - reportData.startTime
+
+ generateHtmlReport(reportData, options)
+
+ // Export stats if configured
+ if (options.exportStats) {
+ exportTestStats(reportData, options)
+ }
+
+ // Save history if configured
+ if (options.keepHistory) {
+ saveTestHistory(reportData, options)
+ }
+ })
+
+ function generateTestId(test) {
+ return crypto
+ .createHash('sha256')
+ .update(`${test.parent?.title || 'unknown'}_${test.title}`)
+ .digest('hex')
+ .substring(0, 8)
+ }
+
+ function isBddGherkinTest(test, suite) {
+ // Check if the suite has BDD/Gherkin properties
+ return !!(suite && (suite.feature || suite.file?.endsWith('.feature')))
+ }
+
+ function getBddFeatureInfo(test, suite) {
+ if (!suite) return null
+
+ return {
+ name: suite.feature?.name || suite.title,
+ description: suite.feature?.description || suite.comment || '',
+ language: suite.feature?.language || 'en',
+ tags: suite.tags || [],
+ file: suite.file || '',
+ }
+ }
+
+ function exportTestStats(data, config) {
+ const statsPath = path.resolve(reportDir, config.exportStatsPath)
+
+ const exportData = {
+ timestamp: data.endTime.toISOString(),
+ duration: data.duration,
+ stats: data.stats,
+ retries: data.retries,
+ testCount: data.tests.length,
+ passedTests: data.tests.filter(t => t.state === 'passed').length,
+ failedTests: data.tests.filter(t => t.state === 'failed').length,
+ pendingTests: data.tests.filter(t => t.state === 'pending').length,
+ tests: data.tests.map(test => ({
+ id: test.id,
+ title: test.title,
+ feature: test.parent?.title || 'Unknown',
+ state: test.state,
+ duration: test.duration,
+ tags: test.tags,
+ meta: test.meta,
+ retryAttempts: test.retryAttempts,
+ uid: test.uid,
+ })),
+ }
+
+ try {
+ fs.writeFileSync(statsPath, JSON.stringify(exportData, null, 2))
+ output.print(`Test stats exported to: ${statsPath}`)
+ } catch (error) {
+ output.print(`Failed to export test stats: ${error.message}`)
+ }
+ }
+
+ function saveTestHistory(data, config) {
+ const historyPath = path.resolve(reportDir, config.historyPath)
+ let history = []
+
+ // Load existing history
+ try {
+ if (fs.existsSync(historyPath)) {
+ history = JSON.parse(fs.readFileSync(historyPath, 'utf8'))
+ }
+ } catch (error) {
+ output.print(`Failed to load existing history: ${error.message}`)
+ }
+
+ // Add current run to history
+ history.unshift({
+ timestamp: data.endTime.toISOString(),
+ duration: data.duration,
+ stats: data.stats,
+ retries: data.retries.length,
+ testCount: data.tests.length,
+ })
+
+ // Limit history entries
+ if (history.length> config.maxHistoryEntries) {
+ history = history.slice(0, config.maxHistoryEntries)
+ }
+
+ try {
+ fs.writeFileSync(historyPath, JSON.stringify(history, null, 2))
+ output.print(`Test history saved to: ${historyPath}`)
+ } catch (error) {
+ output.print(`Failed to save test history: ${error.message}`)
+ }
+ }
+
+ async function generateHtmlReport(data, config) {
+ const reportPath = path.join(reportDir, config.reportFileName)
+
+ // Load history if available
+ let history = []
+ if (config.keepHistory) {
+ const historyPath = path.resolve(reportDir, config.historyPath)
+ try {
+ if (fs.existsSync(historyPath)) {
+ history = JSON.parse(fs.readFileSync(historyPath, 'utf8')).slice(0, 10) // Last 10 runs for chart
+ }
+ } catch (error) {
+ output.print(`Failed to load history for report: ${error.message}`)
+ }
+ }
+
+ // Get system information
+ const systemInfo = await getMachineInfo()
+
+ const html = template(getHtmlTemplate(), {
+ title: `CodeceptJS Test Report v${Codecept.version()}`,
+ timestamp: data.endTime.toISOString(),
+ duration: formatDuration(data.duration),
+ stats: JSON.stringify(data.stats),
+ history: JSON.stringify(history),
+ statsHtml: generateStatsHtml(data.stats),
+ testsHtml: generateTestsHtml(data.tests, config),
+ failuresHtml: generateFailuresHtml(data.failures),
+ retriesHtml: config.showRetries ? generateRetriesHtml(data.retries) : '',
+ cssStyles: getCssStyles(),
+ jsScripts: getJsScripts(),
+ showRetries: config.showRetries ? 'block' : 'none',
+ showHistory: config.keepHistory && history.length> 0 ? 'block' : 'none',
+ failuresDisplay: data.failures && data.failures.length> 0 ? 'block' : 'none',
+ codeceptVersion: Codecept.version(),
+ systemInfoHtml: generateSystemInfoHtml(systemInfo),
+ })
+
+ fs.writeFileSync(reportPath, html)
+ output.print(`HTML Report saved to: ${reportPath}`)
+ }
+
+ function generateStatsHtml(stats) {
+ const passed = stats.passes || 0
+ const failed = stats.failures || 0
+ const pending = stats.pending || 0
+ const total = stats.tests || 0
+
+ return `
+
+
+
Total
+ ${total}
+
+
+
Passed
+ ${passed}
+
+
+
Failed
+ ${failed}
+
+
+
Pending
+ ${pending}
+
+
+
+
+
+ `
+ }
+
+ function generateTestsHtml(tests, config) {
+ if (!tests || tests.length === 0) {
+ return 'No tests found.
'
+ }
+
+ return tests
+ .map(test => {
+ const statusClass = test.state || 'unknown'
+ const feature = test.isBdd && test.feature ? test.feature.name : test.parent?.title || 'Unknown Feature'
+ const steps = config.showSteps && test.steps ? (test.isBdd ? generateBddStepsHtml(test.steps) : generateStepsHtml(test.steps)) : ''
+ const featureDetails = test.isBdd && test.feature ? generateBddFeatureHtml(test.feature) : ''
+ const hooks = test.hooks && test.hooks.length> 0 ? generateHooksHtml(test.hooks) : ''
+ const artifacts = config.includeArtifacts && test.artifacts ? generateArtifactsHtml(test.artifacts) : ''
+ const metadata = config.showMetadata && (test.meta || test.opts) ? generateMetadataHtml(test.meta, test.opts) : ''
+ const tags = config.showTags && test.tags && test.tags.length> 0 ? generateTagsHtml(test.tags) : ''
+ const retries = config.showRetries && test.retryAttempts> 0 ? generateTestRetryHtml(test.retryAttempts) : ''
+ const notes = test.notes && test.notes.length> 0 ? generateNotesHtml(test.notes) : ''
+
+ return `
+
+
+
βγγγΎγ
+
+
${test.isBdd ? `Scenario: ${test.title}` : test.title}
+
+ ${test.isBdd ? 'Feature: ' : ''}${feature}
+ ${test.uid ? `${test.uid}` : ''}
+ ${formatDuration(test.duration)}
+ ${test.retryAttempts> 0 ? `${test.retryAttempts} retries` : ''}
+ ${test.isBdd ? 'Gherkin' : ''}
+
+
+
+
+ ${test.err ? `
${escapeHtml(test.err.message || '').replace(/\x1b\[[0-9;]*m/g, '')}` : ''}
+ ${featureDetails}
+ ${tags}
+ ${metadata}
+ ${retries}
+ ${notes}
+ ${hooks}
+ ${steps}
+ ${artifacts}
+
+
+ βγγγΎγ
+ ${actor}.${stepName}(${args})
+ ${formatDuration(step.duration)}
+
+ `
+ })
+ .join('')
+
+ return `
+
+
Steps:
+
${stepsHtml}
+
${escapeHtml(step.comment)}
` : ''
+
+ return `
+
+ βγγγΎγ
+ ${keyword}
+ ${escapeHtml(text)}
+ ${formatDuration(step.duration)}
+ ${comment}
+
+ `
+ })
+ .join('')
+
+ return `
+
+
Scenario Steps:
+
${stepsHtml}
+
${escapeHtml(feature.description)}
` : ''
+ const featureTags = feature.tags && feature.tags.length> 0 ? `${feature.tags.map(tag => `${escapeHtml(tag)}`).join('')}
` : ''
+
+ return `
+
+
Feature Information:
+
+
Feature: ${escapeHtml(feature.name)}
+ ${description}
+ ${featureTags}
+ ${feature.file ? `
File: ${escapeHtml(feature.file)}
` : ''}
+
+
+
βγγγΎγ
+
${hookType}: ${hookTitle}
+
${formatDuration(hook.duration)}
+ ${hook.error ? `
${escapeHtml(hook.error)}
` : ''}
+
+
Hooks:
+
${hooksHtml}
+
${escapeHtml(key)}: ${escapeHtml(displayValue)}
`
+ })
+ .join('')
+
+ return `
+
+
Metadata:
+
${metaHtml}
+
${note.type || 'info'}: ${escapeHtml(note.text)}
`).join('')
+
+ return `
+
+
Notes:
+
${notesHtml}
+
+
Retry Information:
+
+ Total retry attempts: ${retryAttempts}
+
+
${escapeHtml(artifact.toString())}
`
+ })
+ .join('')
+
+ return `
+
+
Artifacts:
+
${artifactsHtml}
+
No failures.
'
+ }
+
+ return failures
+ .map((failure, index) => {
+ const failureText = failure.toString().replace(/\x1b\[[0-9;]*m/g, '') // Remove ANSI escape codes
+ return `
+
+
Failure ${index + 1}
+
${escapeHtml(failureText)}
+
No retried tests.
'
+ }
+
+ return retries
+ .map(
+ retry => `
+
+
${retry.testTitle}
+
+ Attempts: ${retry.attempts}
+ Final State: ${retry.finalState}
+ Duration: ${formatDuration(retry.duration)}
+
+
${key}: ${escapeHtml(value[1])}
`
+ } else if (typeof value === 'string' && value !== 'N/A' && value !== 'undefined') {
+ return `${key}: ${escapeHtml(value)}
`
+ }
+ return ''
+ }
+
+ const infoItems = [
+ formatInfo('Node.js', systemInfo.nodeInfo),
+ formatInfo('OS', systemInfo.osInfo),
+ formatInfo('CPU', systemInfo.cpuInfo),
+ formatInfo('Chrome', systemInfo.chromeInfo),
+ formatInfo('Edge', systemInfo.edgeInfo),
+ formatInfo('Firefox', systemInfo.firefoxInfo),
+ formatInfo('Safari', systemInfo.safariInfo),
+ formatInfo('Playwright Browsers', systemInfo.playwrightBrowsers),
+ ]
+ .filter(item => item)
+ .join('')
+
+ if (!infoItems) return ''
+
+ return `
+
+
+
Environment Information
+ βΌ
+
+
+
+ `
+ }
+
+ function getHtmlTemplate() {
+ return `
+
+
+
+
+
+ {{title}}
+
+
+
+
+
+
+ {{systemInfoHtml}}
+
+
+ Test Statistics
+ {{statsHtml}}
+
+
+
+
+
+ Filters
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test Results
+
+ {{testsHtml}}
+
+
+
+
+ Test Retries
+
+ {{retriesHtml}}
+
+
+
+
+ Failures
+
+ {{failuresHtml}}
+
+
+
+
+
+
+
+
+
+
+
+