test/onaptests_bench/src/onaptests_bench/templates/onaptests_bench.html.j2

   1 {% extends "base.html.j2" %}
   2 {% block title %}ONAPTEST Bench{% endblock %}
   3
   4 {% block content %}
   5 <h1 class="title is-1">ONAPTEST Bench</h1>
   6 <section class="section">
   7  <div class="container">
   8  <h3 class="subtitle">{{ info.usecase_name }}</h3>
   9
  10  <div class="block">
  11   <div class="box">
  12       Number of tests: {{ info.nb_tests }} <br>
  13       Global success rate: {{ info.global_success_rate }} % <br>
  14       Number of simultaneous tests: {{ info.nb_simu_tests }} <br>
  15       Test duration: {{ info.test_duration }} m <br>
  16       Number of executed series: {{ info.nb_series }} <br>
  17       Min duration: {{ info.min_duration}} <br>
  18       Max duration: {{ info.max_duration}} <br>
  19       Mean duration: {{ info.mean_duration}} <br>
  20   </div>
  21 </div>
  22
  23 <div class="columns">
  24  <div class="column">
  25  <figure class="image">
  26    <img src="./rate_mygraph.png">
  27  </figure>
  28  </div>
  29   <div class="column">
  30   <figure class="image">
  31     <img src="./bar_mygraph.png">
  32   </figure>
  33   </div>
  34   <div class="column">
  35   <figure class="image">
  36     <img src="./mygraph.png">
  37   </figure>
  38   </div>
  39   <div class="column">
  40   <figure class="image">
  41     <img src="./histo_mygraph.png">
  42   </figure>
  43   </div>
  44 </div>
  45
  46 <table class="table is-bordered is-striped is-narrow is-hoverable is-fullwidth">
  47   <thead>
  48     <tr>
  49       <th><center>Serie</center></th>
  50       <th><center>Success Rate</center></th>
  51       <th><center>Min</center></th>
  52       <th><center>Max</center></th>
  53       <th><center>Mean</center></th>
  54       <th><center>Median</center></th>
  55     </tr>
  56   </thead>
  57
  58   <tbody>
  59
  60   {% for serie in data %}
  61   <tr {% if serie.success_rate >= 80 %} class="has-background-success-light" {%elif serie.success_rate > 0 %} class="has-background-warning-light"  {% else %} class="has-background-danger-light" {% endif %}>
  62     <td><center>{{ serie.serie_id }}</center></td>
  63     <td><center>{{ serie.success_rate }}%</center></td>
  64     <td><center>{{ serie.min }}</center></td>
  65     <td><center>{{ serie.max }}</center></td>
  66     <td><center>{{ serie.mean }}</center></td>
  67     <td><center>{{ serie.median }}</center></td>
  68   <tr>
  69   {% endfor %}
  70   </tbody>
  71   </table>
  72
  73 </div>
  74
  75 </section>
  76
  77 {% endblock %}
  78 </div>
  79 </section>