1 <!DOCTYPE html>2 <html lang="es">3 <head>4 <meta charset="UTF-8">5 <title>Plataforma de Testing Automatizado de APIs</title>6 <style>7 body {8 font-family: Arial, sans-serif;9 margin: 20px;10 }11 .block {12 border: 1px solid #ccc;13 padding: 15px;14 margin-bottom: 20px;15 }16 .block h3 {17 margin-top: 0;18 }19 .variables, .request, .assertion, .sleep, .repeat, .call, .result {20 background-color: #f9f9f9;21 }22 .variables .input-group, .headers .input-group, .call .input-group, .repeat .input-group {23 display: flex;24 align-items: center;25 margin-bottom: 10px;26 }27 .input-group label {28 width: 150px;29 font-weight: bold;30 }31 .input-group input, .input-group select, .input-group textarea {32 flex: 1;33 padding: 5px;34 margin-left: 10px;35 }36 .headers .input-group input {37 flex: none;38 width: 200px;39 }40 .add-button {41 margin-left: 160px;42 padding: 5px 10px;43 cursor: pointer;44 }45 .strike-through {46 text-decoration: line-through;47 color: #999;48 }49 .input-group input[readonly] {50 background-color: #e9e9e9;51 }52 .checkbox-group {53 display: flex;54 align-items: center;55 }56 .checkbox-group input[type="checkbox"] {57 margin-left: 10px;58 }59 .result p {60 margin: 5px 0;61 }62 </style>63 </head>64 <body>65 66 <!-- Variables -->67 <div class="block variables">68 <h3>Variables</h3>69 <div class="input-group">70 <label>Set var:</label>71 <input type="text" value="user-id" readonly>72 =73 <input type="text" value="uuid" readonly>74 </div>75 <div class="input-group checkbox-group">76 <label>Assert user-id is one of:</label>77 <input type="text" value="201, 409">78 <input type="checkbox" checked>79 </div>80 </div>81 82 <!-- Request -->83 <div class="block request">84 <h3>REQUEST GET</h3>85 <div class="input-group">86 <label>URL:</label>87 <input type="text" value="http://host/robots.txt">88 </div>89 <!-- Headers -->90 <div class="headers">91 <div class="input-group">92 <label>Header:</label>93 <input type="text" value="Authorization">94 <input type="text" placeholder="Valor del header">95 </div>96 <button class="add-button">+</button>97 </div>98 <!-- Body -->99 <div class="input-group">100 <label>Body:</label>101 <textarea rows="5" placeholder="Cuerpo de la solicitud"></textarea>102 </div>103 </div>104 105 <!-- Aserción del Cuerpo de la Respuesta -->106 <div class="block assertion">107 <h3 class="strike-through">Assert</h3>108 <div class="input-group">109 <input type="text" class="strike-through" value="response.body.data.status is success">110 </div>111 </div>112 113 <!-- Sleep -->114 <div class="block sleep">115 <h3>Sleep</h3>116 <div class="input-group">117 <label>Tiempo:</label>118 <input type="text" value="10s">119 </div>120 </div>121 122 <!-- Repeat -->123 <div class="block repeat">124 <h3>Repeat</h3>125 <div class="input-group">126 <label>From:</label>127 <input type="number" placeholder="Inicio">128 </div>129 <div class="input-group">130 <label>To:</label>131 <input type="number" placeholder="Fin">132 </div>133 </div>134 135 <!-- Call -->136 <div class="block call">137 <h3>Call: Create Payment</h3>138 <div class="input-group">139 <label>payment-id:</label>140 <input type="text" value="[uuid]">141 </div>142 <div class="input-group">143 <label>amount:</label>144 <input type="text" value="[=] >>">145 </div>146 <div class="input-group">147 <label>IBAN:</label>148 <input type="text" value="my-iban">149 </div>150 </div>151 152 <!-- Result -->153 <div class="block result">154 <h3>Result</h3>155 <p><strong>STATUS:</strong> ACCEPTED</p>156 <p><strong>SUBMISSION ID posted:</strong> 521-2021-3215-33</p>157 </div>158 159 </body>160 </html>161 Enlace
El enlace para compartir es: