+
+
Total Runs
+
\${totalRuns}
+
+
+
Avg Duration
+
\${formatDuration(avgDuration)}
+
+
+
Avg Tests
+
\${avgTests}
+
+
+
Avg Pass Rate
+
\${avgPassRate.toFixed(1)}%
+
+
{
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Verify inspiration section was removed
+ expect(reportContent).not.toContain('inspiration-section')
+ expect(reportContent).not.toContain('Looking for More Features?')
+ expect(reportContent).not.toContain('Allure Report')
+ expect(reportContent).not.toContain('ReportPortal')
+
+ done()
+ })
+ })
+
+ it('should display test performance analysis section', done => {
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Check for performance section
+ expect(reportContent).toContain('test-performance-section')
+ expect(reportContent).toContain('Test Performance Analysis')
+ expect(reportContent).toContain('Longest Running Tests')
+ expect(reportContent).toContain('Fastest Tests')
+ expect(reportContent).toContain('renderTestPerformance')
+
+ // Check for CSS classes
+ expect(reportContent).toContain('performance-container')
+ expect(reportContent).toContain('performance-group')
+ expect(reportContent).toContain('performance-item')
+
+ done()
+ })
+ })
+
+ it('should display enhanced history section with timeline', done => {
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Check for enhanced history
+ expect(reportContent).toContain('history-section')
+ expect(reportContent).toContain('Test Execution History')
+ expect(reportContent).toContain('historyStats')
+ expect(reportContent).toContain('historyTimeline')
+ expect(reportContent).toContain('renderHistoryTimeline')
+
+ // Check for CSS classes
+ expect(reportContent).toContain('history-stats')
+ expect(reportContent).toContain('history-timeline')
+ expect(reportContent).toContain('timeline-item')
+
+ done()
+ })
+ })
+
+ it('should have feature groups with collapse/expand functionality', done => {
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Check for feature grouping
+ expect(reportContent).toContain('feature-group')
+ expect(reportContent).toContain('feature-group-title')
+ expect(reportContent).toContain('toggleFeatureGroup')
+ expect(reportContent).toContain('toggle-icon')
+
+ // Verify toggle icon is present
+ expect(reportContent).toContain('▼')
+
+ done()
+ })
+ })
+
+ it('should NOT display feature name in individual test entries', done => {
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Feature names should be in group titles, not test entries
+ // Look for test-feature span which we removed
+ const testFeatureMatches = reportContent.match(//g)
+ expect(testFeatureMatches).toBe(null) // Should not be present
+
+ done()
+ })
+ })
+
+ it('should display worker info when running with workers', done => {
+ const runCmd = `${codecept_run} --config ${codecept_dir}/configs/html-reporter-plugin/codecept-workers.conf.js`
+
+ exec(runCmd, (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'worker-report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // Check for worker badge CSS (always present)
+ expect(reportContent).toContain('.worker-badge')
+ expect(reportContent).toContain('.worker-badge {')
+
+ // Worker badges should use teal color (#16a085)
+ expect(reportContent).toContain('background: #16a085')
+
+ // Note: "Worker X" badges only appear in test entries when tests have workerIndex property
+ // The CSS structure is always there for when worker info is available
+
+ done()
+ })
+ })
+
+ it('should have all new features working together (comprehensive check)', done => {
+ exec(config_run_config('codecept.conf.js'), (err, stdout) => {
+ debug(stdout)
+
+ const reportFile = path.join(`${codecept_dir}/configs/html-reporter-plugin`, 'output', 'report.html')
+ const reportContent = fs.readFileSync(reportFile, 'utf8')
+
+ // All improvements should be present
+ const features = {
+ 'Enhanced Hooks': reportContent.includes('hook-location') && reportContent.includes('hook-context'),
+ 'Feature Grouping with Toggle': reportContent.includes('feature-group') && reportContent.includes('toggleFeatureGroup'),
+ 'Worker Badges': reportContent.includes('worker-badge') && reportContent.includes('.worker-badge {'),
+ 'Enhanced Metrics': reportContent.includes('stat-card flaky') && reportContent.includes('metrics-summary'),
+ 'Inline Retries': reportContent.includes('retry-status-badge') && reportContent.includes('retry-summary'),
+ 'Test Performance': reportContent.includes('test-performance-section') && reportContent.includes('renderTestPerformance'),
+ 'Enhanced History': reportContent.includes('historyTimeline') && reportContent.includes('renderHistoryTimeline'),
+ }
+
+ // Log which features are present
+ Object.entries(features).forEach(([name, present]) => {
+ debug(`${name}: ${present ? '✓' : '✗'}`)
+ })
+
+ // Verify all features are present
+ Object.entries(features).forEach(([name, present]) => {
+ expect(present).toBe(true)
+ })
+
+ // Verify inspiration section is NOT present (removed as requested)
+ expect(reportContent).not.toContain('Looking for More Features')
+ expect(reportContent).not.toContain('inspiration-section')
+
+ // Verify report quality
+ expect(reportContent.length).toBeGreaterThan(70000) // Larger due to new features
+ expect(reportContent).toContain('')
+ expect(reportContent).toContain('')
+
+ done()
+ })
+ })
})
From bf60c65714761180d4bc67df9eb6f09fc9569f6f Mon Sep 17 00:00:00 2001
From: kobenguyent <7845001+kobenguyent@users.noreply.github.com>
Date: Fri, 3 Oct 2025 12:05:08 +0000
Subject: [PATCH 2/2] html reporter improvements
---
test/runner/html-reporter-plugin_test.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/test/runner/html-reporter-plugin_test.js b/test/runner/html-reporter-plugin_test.js
index 8d4979069..525540967 100644
--- a/test/runner/html-reporter-plugin_test.js
+++ b/test/runner/html-reporter-plugin_test.js
@@ -7,7 +7,7 @@ const path = require('path')
const config_run_config = (config, grep, verbose = false) => `${codecept_run} ${verbose ? '--verbose' : ''} --config ${codecept_dir}/configs/html-reporter-plugin/${config} ${grep ? `--grep "${grep}"` : ''}`
-describe.only('CodeceptJS html-reporter-plugin', function () {
+describe('CodeceptJS html-reporter-plugin', function () {
this.timeout(10000)
it('should generate HTML report', done => {