utils/test/reporting/pages/app/views/commons/testCaseVisual.html

   1 <!--select page-->
   2
   3
   4 <div class="row">
   5
   6
   7     <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;width:90%;margin-left:30px; ">
   8
   9         <h3>OPNFV Test ecosystem
  10             <small> *mouse over display test case list</small>
  11         </h3>
  12         <p>There are several projects dealing with integration and testing</p>
  13
  14         <div>
  15             <img src="images/overview.png" usemap="#overview" class="img-responsive">
  16             <map name="overview">
  17                 <area shape="rect" coords={{dovet}} alt="test" href="{{doveturl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('dovetail')"/>
  18                <area shape="rect" coords={{functest}} alt="test" href="{{functesturl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('functest')" />
  19                 <area shape="rect" coords={{yardstick}} alt="test" href="{{yardstickurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('yardstick')"/>
  20                  <area shape="rect" coords={{vsperf}} alt="test" href="{{vsperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('vsperf')" />
  21                   <area shape="rect" coords={{stor}} alt="test" href="{{storperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('storperf')"/>
  22                    <area shape="rect" coords={{qtip}} alt="test" href="{{qtipurl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('qtip')" />
  23                     <area shape="rect" coords={{bottlenecks}} alt="test"  href="{{bottlenecksurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('bottlenecks')" />
  24                      <area shape="rect" coords={{noPopArea1}} alt="test" onmouseover="pophide(event)"  />
  25                       <area shape="rect" coords={{noPopArea2}} alt="test"  onmouseover="pophide(event)"  />
  26                        <area shape="rect" coords={{noPopArea3}} alt="test"  onmouseover="pophide(event)"  />
  27
  28            </map>
  29
  30         </div>
  31     </div>
  32     <div style="display: inline-block;">
  33         <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;margin-right:30px;margin-top:10px;display:inline-block; ">
  34             <h4>Introduction</h4>
  35             <p>
  36                 Testing is still a key challenge for OPNFV.
  37             </p>
  38             <p>
  39                 All the projects must manage their test strategy (unit, functional, security, performance)
  40             </p>
  41             <p>
  42                 Several specific test projects have been validated by TSC and already deal with:
  43                 <ul>
  44                     <li>Define testcases</li>
  45                     <li>Perform tests not covered by a single project</li>
  46                     <li>Create tooling</li>
  47                     <li>Study Performance end to end</li>
  48                 </ul>
  49             </p>
  50
  51
  52         </div>
  53         <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;margin-top:10px;display:inline-block;">
  54             <h4>Project details</h4>
  55
  56             We consider the projects referenced on the wiki main page:
  57             <ul>
  58                 <li>Functest: VIM and NFVI funcionnal testing Umbrella project for functional testing</li>
  59                 <li>Yardstick: Verification of the infrastructure compliance when running VNF applications.
  60                     <br>Umbrella project for performance testing</li>
  61                 <li>Storperf: Storage Perfomance testing</li>
  62                 <li>VSperf: Data-plane performance testing</li>
  63                 <li>CPerf: Controller performance testing</li>
  64                 <li>Bottlenecks:Detect Bottlenecks in OPNFV solution</li>
  65                 <li>QTIP: Platform Performance Benchmarking</li>
  66                 <li>Dovetail: Test OPNFV validation criteria for use of OPNFV trademarks</li>
  67             </ul>
  68             </p>
  69         </div>
  70     </div>
  71
  72
  73     <div id="popup" class="popup" style="width: 40%;height: 35%" dw-loading="Key">
  74
  75         <div ng-show="tableData.length==0">
  76             <center>
  77                 <h3> No Data </h3>
  78             </center>
  79         </div>
  80         <div ng-show="tableData.length!=0">
  81
  82             <table class="table">
  83                 <thead>
  84                     <tr>
  85                         <td>
  86                             <h3>Name</h3>
  87                         </td>
  88                     </tr>
  89                 </thead>
  90
  91                 <tbody>
  92                     <tr dir-paginate="data in tableData | itemsPerPage: 8  track by $index ">
  93                         <td ng-if="data.value!=null"><a ng-click="getDetail(data.key)"> {{data.value}}</a></td>
  94                         <td ng-if="data.value==null"><a ng-click="getDetail(data.key)"> null</a></td>
  95                         <tr>
  96
  97                 </tbody>
  98
  99             </table>
 100
 101             <center>
 102                 <dir-pagination-controls></dir-pagination-controls>
 103             </center>
 104         </div>
 105
 106     </div>
 107
 108
 109     <script>
 110         $(document).ready(function(e) {
 111             $('img[usemap]').rwdImageMaps();
 112
 113         });
 114
 115         function pop(e) {
 116             var thing = document.getElementById("popup");
 117             thing.style.left = e.clientX + 'px';
 118             thing.style.top = e.clientY + 'px';
 119             setTimeout('$("#popup").show()', 1000);
 120             return true;
 121         }
 122
 123         function pophide(e) {
 124             $('#popup').hide();
 125             return true;
 126         }
 127     </script>