1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>${Title}</title> 6 <style> 7 .test_steps_body { 8 overflow-x: auto; 9 padding: 10px; 10 border: 1px gray dotted; 11 } 12 13 .test_result { 14 font-family: monospace; 15 line-height: 1.2rem; 16 display: flex; 17 justify-content: space-between; 18 } 19 20 .result_output { 21 width: 100%; 22 border: 1px dotted gray; 23 padding: 10px; 24 } 25 26 .result_output--expected { 27 padding-right: 2px; 28 } 29 30 .result_output--actual { 31 padding-left: 2px; 32 border-left: none; 33 } 34 35 .output_line { 36 border-bottom: 1px dotted grey; 37 display: inline-block; 38 width: 100%; 39 } 40 41 .output_line--passed { 42 color: green; 43 } 44 45 .output_line--failed { 46 color: red; 47 } 48 49 .test_status--passed { 50 color: green; 51 font-weight: bold; 52 } 53 54 .test_status--failed { 55 color: brown; 56 font-weight: bold; 57 } 58 59 .result_output_error { 60 color: brown; 61 } 62 63 64 65 </style> 66</head> 67<body class="test"> 68 69<h1 class="test_header">${Title}</h1> 70<p class="test_path">${Path}</p> 71<p class="test_status">Result: <span class="${status_class}">${Status}</span></p> 72<p class="test_status">Execution time: ${Time}</p> 73 74<h2 class="test_steps_header">Steps to reproduce</h2> 75<pre class="test_steps_body">${Reproduce}</pre> 76 77<div class="test_result result"> 78 <div class="result_output result_output--expected"> 79 <h2 class="result_output_header">Expected output</h2> 80 ${Expected} 81 </div> 82 <div class="result_output result_output--actual"> 83 <h2 class="result_output_header">Actual output</h2> 84 ${Actual} 85 <pre class="result_output_error">${Error}</pre> 86 <p class="result_output_retcode">Return code: ${ReturnCode}</p> 87 </div> 88</div> 89 90</body> 91</html>