summaryrefslogtreecommitdiffstats
path: root/utils/test/reporting/pages/app/views/commons/testCaseVisual.html
blob: 74eb56ebad2a1f0c72eec0a88250427ca6910a20 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!--select page-->


<div class="row">


    <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;width:90%;margin-left:30px; ">

        <h3>OPNFV Test ecosystem
            <small> *mouse over display test case list</small>
        </h3>
        <p>There are several projects dealing with integration and testing</p>

        <div>
            <img src="images/overview.png" usemap="#overview" class="img-responsive">
            <map name="overview">
                <area shape="rect" coords={{dovet}} alt="test" href="{{doveturl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('dovetail')"/>
               <area shape="rect" coords={{functest}} alt="test" href="{{functesturl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('functest')" />
                <area shape="rect" coords={{yardstick}} alt="test" href="{{yardstickurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('yardstick')"/>
                 <area shape="rect" coords={{vsperf}} alt="test" href="{{vsperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('vsperf')" />
                  <area shape="rect" coords={{stor}} alt="test" href="{{storperfurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('storperf')"/>
                   <area shape="rect" coords={{qtip}} alt="test" href="{{qtipurl}}"  onmouseover="pop(event)" ng-mouseover="myTrigger('qtip')" />
                    <area shape="rect" coords={{bootleneck}} alt="test"  href="{{bottlenecksurl}}" onmouseover="pop(event)" ng-mouseover="myTrigger('bootlenecks')" />
                     <area shape="rect" coords={{noPopArea1}} alt="test" onmouseover="pophide(event)"  />
                      <area shape="rect" coords={{noPopArea2}} alt="test"  onmouseover="pophide(event)"  />
                       <area shape="rect" coords={{noPopArea3}} alt="test"  onmouseover="pophide(event)"  />
                
           </map>

        </div>
    </div>
    <div style="display: inline-block;">
        <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; ">
            <h4>Introduction</h4>
            <p>
                Testing is still a key challenge for OPNFV.
            </p>
            <p>
                All the projects must manage their test strategy (unit, functional, security, performance)
            </p>
            <p>
                Several specific test projects have been validated by TSC and already deal with:
                <ul>
                    <li>Define testcases</li>
                    <li>Perform tests not covered by a single project</li>
                    <li>Create tooling</li>
                    <li>Study Performance end to end</li>
                </ul>
            </p>


        </div>
        <div class="row  border-bottom white-bg dashboard-header" style="border-radius: 5px 5px 5px 5px;margin-top:10px;display:inline-block;">
            <h4>Project details</h4>

            We consider the projects referenced on the wiki main page:
            <ul>
                <li>Functest: VIM and NFVI funcionnal testing Umbrella project for functional testing</li>
                <li>Yardstick: Verification of the infrastructure compliance when running VNF applications.
                    <br>Umbrella project for performance testing</li>
                <li>Storperf: Storage Perfomance testing</li>
                <li>VSperf: Data-plane performance testing</li>
                <li>CPerf: Controller performance testing</li>
                <li>Bottlenecks:Detect Bottlenecks in OPNFV solution</li>
                <li>QTIP: Platform Performance Benchmarking</li>
                <li>Dovetail: Test OPNFV validation criteria for use of OPNFV trademarks</li>
            </ul>
            </p>
        </div>
    </div>


    <div id="popup" class="popup" style="width: 40%;height: 35%" dw-loading="Key">

        <div ng-show="tableData.length==0">
            <center>
                <h3> No Data </h3>
            </center>
        </div>
        <div ng-show="tableData.length!=0">

            <table class="table">
                <thead>
                    <tr>
                        <td>
                            <h3>Name</h3>
                        </td>
                    </tr>
                </thead>

                <tbody>
                    <tr dir-paginate="data in tableData | itemsPerPage: 8  track by $index ">
                        <td ng-if="data.value!=null"><a ng-click="getDetail(data.key)"> {{data.value}}</a></td>
                        <td ng-if="data.value==null"><a ng-click="getDetail(data.key)"> null</a></td>
                        <tr>

                </tbody>

            </table>

            <center>
                <dir-pagination-controls></dir-pagination-controls>
            </center>
        </div>

    </div>


    <script>
        $(document).ready(function(e) {
            $('img[usemap]').rwdImageMaps();

        });

        function pop(e) {
            var thing = document.getElementById("popup");
            thing.style.left = e.clientX + 'px';
            thing.style.top = e.clientY + 'px';
            setTimeout('$("#popup").show()', 1000);
            return true;
        }

        function pophide(e) {
            $('#popup').hide();
            return true;
        }
    </script>