GithubBackup/httprunner
1
0
Fork 0
mirror of https://github.com/httprunner/httprunner.git synced 2026-09-05 15:37:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add toggle functionality for test summary steps with UI enhancements

Browse Source
This commit is contained in:
lilong.129
2025-06-23 22:32:30 +08:00
parent e6ce61368e
commit b1b4e5c1dc
2 changed files with 63 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
internal/version/VERSION
+1 -1
View File
@@ -1 +1 @@
v5.0.0-beta-2506232142 v5.0.0-beta-2506232232
report.go
+62 -4
View File
@@ -657,9 +657,9 @@ const htmlTemplate = `<!DOCTYPE html>
.summary h2 { .summary h2 {
color: #2c3e50; color: #2c3e50;
margin-bottom: 20px; margin: 0;
border-bottom: 2px solid #3498db; padding: 0;
padding-bottom: 10px; border: none;
} }
.summary-grid { .summary-grid {
@@ -669,6 +669,32 @@ const htmlTemplate = `<!DOCTYPE html>
margin-bottom: 20px; margin-bottom: 20px;
} }
.summary-title-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
}
.toggle-all-btn {
background-color: #ffc107;
color: #212529;
border: none;
padding: 8px 16px;
border-radius: 5px;
cursor: pointer;
font-size: 0.9em;
font-weight: 500;
transition: background-color 0.2s ease;
flex-shrink: 0;
}
.toggle-all-btn:hover {
background-color: #e0a800;
}
.summary-item { .summary-item {
text-align: center; text-align: center;
padding: 15px; padding: 15px;
@@ -2120,7 +2146,10 @@ const htmlTemplate = `<!DOCTYPE html>
</div> </div>
<div class="summary"> <div class="summary">
<h2>📊 Test Summary</h2> <div class="summary-title-bar">
<h2>📊 Test Summary</h2>
<button id="toggle-all-steps-btn" class="toggle-all-btn" onclick="toggleAllSteps()">Collapse All Steps</button>
</div>
<div class="summary-grid"> <div class="summary-grid">
<div class="summary-item success"> <div class="summary-item success">
<div class="value">{{.Stat.TestCases.Success}}</div> <div class="value">{{.Stat.TestCases.Success}}</div>
@@ -2818,6 +2847,35 @@ const htmlTemplate = `<!DOCTYPE html>
contents.forEach(content => content.classList.add('show')); contents.forEach(content => content.classList.add('show'));
icons.forEach(icon => icon.classList.add('rotated')); icons.forEach(icon => icon.classList.add('rotated'));
}); });
function toggleAllSteps() {
const contents = document.querySelectorAll('.step-content');
const icons = document.querySelectorAll('.toggle-icon');
const btn = document.getElementById('toggle-all-steps-btn');
if (!contents || contents.length === 0) {
return;
}
// If any step is expanded, collapse all. Otherwise expand all.
let isAnyExpanded = false;
for (let i = 0; i < contents.length; i++) {
if (contents[i].classList.contains('show')) {
isAnyExpanded = true;
break;
}
}
if (isAnyExpanded) {
contents.forEach(content => content.classList.remove('show'));
icons.forEach(icon => icon.classList.remove('rotated'));
btn.textContent = 'Expand All Steps';
} else {
contents.forEach(content => content.classList.add('show'));
icons.forEach(icon => icon.classList.add('rotated'));
btn.textContent = 'Collapse All Steps';
}
}
</script> </script>
</body> </body>
</html>` </html>`