Implement the CRUD operations for Test cases

Created the testcases, testcase pages
Remove update, delete buttons in project page.
add protractor tests for testcases page.
change tabs to spaces

Change-Id: Id7d381b13dca4f228bda24fa1abad7c465b5cef7
Signed-off-by: thuva4 <tharma.thuva@gmail.com>

5 files changed, 525 insertions, 0 deletions

diff --git a/testapi/opnfv_testapi/ui/components/projects/project/testCases/modals/testCaseModal.html b/testapi/opnfv_testapi/ui/components/projects/project/testCases/modals/testCaseModal.html
new file mode 100644
index 0000000..d1c9cb5
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/testCases/modals/testCaseModal.html
@@ -0,0 +1,39 @@
+<div class="ball" style="padding:5px;">
+    <div class="modal-body">
+        <div class="form-horizontal">
+            <fieldset>
+                <div class="form-group">
+                    <legend>{{TestCaseModalCtrl.data.text}}</legend>
+                    <div class="row">
+                        <div ng-repeat="require in TestCaseModalCtrl.createRequirements" style="margin-left:15px">
+                            <div class="update-project">
+                                <label for="cpid" class="control-label col-sm-3">{{require.label.replace("_","&nbsp;")|capitalize}}: </label>
+                                <div class="col-sm-8">
+                                    <a ng-if="require.type == 'select'">
+                                            <select class="form-control" dynamic-model="'TestCaseModalCtrl.testcase.' + require.label" ng-options="option for option in require.selects"></select>
+                                    </a>
+                                    <a ng-if="require.type == 'text'">
+                                        <input type="text" class="form-control" dynamic-model="'TestCaseModalCtrl.testcase.' + require.label"/>
+                                    </a>
+                                    <a ng-if="require.type == 'textarea'">
+                                        <textarea rows="2" class="form-control" cols="50" dynamic-model="'TestCaseModalCtrl.testcase.' + require.label">
+                                        </textarea>
+                                    </a>
+                                    <p class="help-block"></p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+    </div>
+    <div class="modal-footer">
+        <div ng-show="TestCaseModalCtrl.showCreateError" style="padding:0px;" class="col-md-6 alert alert-danger" role="alert">
+                <span class="pull-right">&nbsp;{{TestCaseModalCtrl.error}}</span>
+                <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
+        </div>
+        <button class="btn btn-primary" ng-click="TestCaseModalCtrl.confirm()">Ok</button>
+        <button class="btn btn-default" ng-click="TestCaseModalCtrl.cancel()">Cancel</button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCase.html b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCase.html
new file mode 100644
index 0000000..70c026a
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCase.html
@@ -0,0 +1,80 @@
+<legend>Test Case</legend>
+<div style="padding-right:0px">
+    <div class="table-responsive">
+        <table class="table"  ng-data="ctrl.data">
+            <tbody>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Id&nbsp;:</td>
+                    <td class="podsTableLeftTd">{{ctrl.data._id}}</td>
+                </tr>
+                <tr style="padding:9px">
+                    <td class="podsTableTd">Name&nbsp;:</td>
+                    <td width="90%" class="podsTableLeftTd">{{ctrl.data.name}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Project&nbsp;:</td>
+                        <td width="90%" class="podsTableLeftTd">{{ctrl.data.project_name}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Tier&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.tier}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Blocking&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.blocking}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">CI&nbsp;Loop&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.ci_loop}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Tags&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.tags}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Version&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.version}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Created&nbsp;at&nbsp;:</td>
+                        <td width="90%" class="podsTableLeftTd">{{ctrl.data['creation_date']}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Dependencies&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.dependencies}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Trust&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.trust}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Criteria&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.criteria}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Catalog&nbsp;Description&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.catalog_description}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">URL&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.url}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Run&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.run}}</td>
+                </tr>
+                <tr style="padding:9px">
+                        <td class="podsTableTd">Description&nbsp;:</td>
+                        <td  width="90%" class="podsTableLeftTd">{{ctrl.data.description}}</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+<div class="row" style="margin-bottom:24px;"></div>
+<div ng-show="ctrl.showError"  class="alert alert-danger col-md-8" role="alert" style="margin-top:0px">
+        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
+        <span class="sr-only">Error:</span>
+        {{ctrl.error}}
+</div>
+<div class="row" style="margin-bottom:24px;"></div>
\ No newline at end of file
diff --git a/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCaseController.js b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCaseController.js
new file mode 100644
index 0000000..a38b633
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCase/testCaseController.js
@@ -0,0 +1,57 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('TestCaseController', TestCaseController);
+
+        TestCaseController.$inject = [
+        '$scope', '$http', '$filter', '$state', '$window', '$uibModal', 'testapiApiUrl','raiseAlert',
+        'confirmModal'
+    ];
+
+    /**
+     * TestAPI Project Controller
+     * This controller is for the '/projects' page where a user can browse
+     * through projects declared in TestAPI.
+     */
+    function TestCaseController($scope, $http, $filter, $state, $window, $uibModal, testapiApiUrl,
+        raiseAlert, confirmModal) {
+        var ctrl = this;
+        ctrl.name = $state.params['name'];
+        ctrl.projectName = $state.params['project_name'];
+        ctrl.url = testapiApiUrl + '/projects/' + ctrl.projectName + "/cases/" + ctrl.name;
+
+        ctrl.loadDetails = loadDetails;
+
+        /**
+         * This will contact the TestAPI to get a listing of declared projects.
+         */
+        function loadDetails() {
+            ctrl.showError = false;
+            ctrl.projectsRequest =
+                $http.get(ctrl.url).success(function (data) {
+                    ctrl.data = data;
+                }).catch(function (error) {
+                    ctrl.data = null;
+                    ctrl.showError = true;
+                    ctrl.error = error.statusText
+                });
+        }
+        ctrl.loadDetails();
+    }
+})();
diff --git a/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCases.html b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCases.html
new file mode 100644
index 0000000..34656f3
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCases.html
@@ -0,0 +1,71 @@
+<div ng-controller="TestCasesController as testCasesCtrl" class="col-md-12">
+<div class="row podsTable" style="vertical-align:middle">
+    <div class="col-sm-1 pull-right" ng-class="{ 'hidden': ! ((auth.projectNames.length>0) &&
+        auth.isAuthenticated) }" >
+            <button type="button" class="btn btn-danger" ng-click="testCasesCtrl.openBatchDeleteModal()">
+              <i class="fa fa-minus"></i> Delete</button>
+    </div>
+    <div class="col-sm-1 pull-right"  ng-class="{ 'hidden': ! ((auth.projectNames.length>0) &&
+        auth.isAuthenticated) }">
+        <button type="button" class="btn btn-success" ng-click="testCasesCtrl.openCreateModal()">
+          <i class="fa fa-plus"></i> Create</button>
+    </div>
+</div>
+<div class='clo-md-12'>
+    <div ng-show="testCasesCtrl.showError" class="alert alert-danger" role="alert">
+        <span class="pull-right">&nbsp;{{testCasesCtrl.error}}</span>
+        <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
+    </div>
+    <div ng-show="testCasesCtrl.showSuccess" class="alert alert-success" role="alert">
+        <span class="pull-right">&nbsp;{{testCasesCtrl.successMessage}}</span>
+        <span class="glyphicon glyphicon-ok pull-right" aria-hidden="true"></span>
+    </div>
+</div>
+<div class='clo-md-12' style="padding-right:0px">
+    <div class="table-responsive">
+        <table class="table table-bordered table-hover"  ng-data="testCasesCtrl.data.testcases">
+        <thead>
+        <tr style="
+        text-align: center;">
+            <th style="width: 1%;">Bulk Select</th>
+            <th style="width: 19%;">Name</th>
+            <th style="width: 20%;">Tier</th>
+            <th style="width: 20%;">Blocking</th>
+            <th style="width: 20%;">CI&nbsp;Loop</th>
+            <th style="width: 20%;">Operations</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr ng-repeat-start="(index, testcase) in testCasesCtrl.data.testcases" style="padding:9px">
+            <td>
+            <div class="text-center">
+                    <input type="checkbox" value="{{project.name}}"  ng-model="testCasesCtrl.checkBox[index]" >
+                </div>
+            </td>
+            <td>
+                <a class="text-info" ng-click="testCasesCtrl.viewTestCase(testcase.name, testcase.project_name)">
+                    {{testcase.name}}
+                </a>
+            </td>
+            <td>{{ ctrl.data.tier}}</td>
+            <td>{{ctrl.data.blocking}}</td>
+            <td>{{ctrl.data.ci_loop}}</td>
+            <td>
+                <span class="podsTable-col">
+                    <a class="text-warning" ng-click="testCasesCtrl.openUpdateTestModal(testcase.name)" title="Edit" ng-class="{'hidden': ! ((auth.projectNames.length>0) &&
+                        auth.isAuthenticated)}" >
+                        <i class="fa fa-pencil-square-o"></i></a>
+                    <a class="text-danger"  ng-click="testCasesCtrl.openDeleteTestModal(testcase.name)" title="Delete" ng-class="{'hidden': ! ((auth.projectNames.length>0) &&
+                        auth.isAuthenticated)}">
+                        <i class="fa fa-trash-o"></i></a>
+                    <a class="text-info" ng-click="testCasesCtrl.viewTestCase(testcase.name, testcase.project_name)"><i class="fa fa-eye"></i></a>
+                </span>
+            </td>
+        </tr>
+        <tr ng-repeat-end=>
+        </tr>
+        </tbody>
+        </table>
+    </div>
+</div>
+</div>
diff --git a/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCasesController.js b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCasesController.js
new file mode 100644
index 0000000..0045284
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/projects/project/testCases/testCasesController.js
@@ -0,0 +1,278 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+(function () {
+    'use strict';
+
+    angular
+        .module('testapiApp')
+        .controller('TestCasesController', TestCasesController);
+
+        TestCasesController.$inject = [
+        '$scope', '$http', '$filter', '$state', '$window', '$uibModal', 'testapiApiUrl','raiseAlert',
+        'confirmModal'
+    ];
+
+    /**
+     * TestAPI Test cases Controller
+     * This controller is for the tescases page where a user can browse
+     * through testcases declared in TestAPI and perform the CRUD operations
+     * in them.
+     */
+    function TestCasesController($scope, $http, $filter, $state, $window, $uibModal, testapiApiUrl,
+        raiseAlert, confirmModal) {
+        var ctrl = this;
+        ctrl.loadDetails = loadDetails;
+        ctrl.name = $state.params['name'];
+        ctrl.requestUrl = testapiApiUrl + '/projects/' + ctrl.name +'/cases';
+
+        ctrl.createTestCase = createTestCase;
+        ctrl.openCreateModal = openCreateModal;
+        ctrl.deleteTestCase = deleteTestCase;
+        ctrl.openDeleteTestModal = openDeleteTestModal;
+        ctrl.updateTestCase = updateTestCase;
+        ctrl.openUpdateTestModal = openUpdateTestModal;
+        ctrl.batchDelete = batchDelete;
+        ctrl.openBatchDeleteModal = openBatchDeleteModal;
+        ctrl.viewTestCase = viewTestCase;
+
+        ctrl.checkBox = [];
+        ctrl.checkBoxList = [];
+
+        /**
+         * This will contact the TestAPI to create a new test case.
+         */
+        function createTestCase(name, testcase) {
+            ctrl.showError = false;
+            ctrl.showSuccess = false;
+            if(testcase.name != "" && testcase.name!=null){
+                var testCase_url = ctrl.requestUrl;
+                ctrl.testCasesRequest =
+                    $http.post(testCase_url, testcase).success(function (data){
+                        ctrl.showSuccess = true ;
+                        ctrl.successMessage = "Testcase is successfully created."
+                        loadDetails();
+                    })
+                    .catch(function (data) {
+                        ctrl.showError = true;
+                        ctrl.error = data.statusText;
+                    });
+            }
+            else{
+                ctrl.showError = true;
+                ctrl.error = 'Name is missing.'
+            }
+        }
+
+        function viewTestCase(name, project_name){
+            $state.go('testCase', {'name':name, 'project_name':project_name}, {reload: true});
+        }
+
+        /**
+         * This will open the modal that will show the batch delete confirm
+         * message
+         */
+        function openBatchDeleteModal() {
+            confirmModal("Delete",ctrl.batchDelete);
+        }
+
+        /**
+         * This will  delete list of test cases.
+         */
+        function batchDelete(){
+            var index;
+            var checkedBox = [];
+            ctrl.checkBox.forEach(function(testcase, index){
+                if(!ctrl.showError){
+                    if(testcase){
+                        ctrl.deleteTestCase(ctrl.data.testcases[index].name);
+                    }
+                }
+              });
+            ctrl.checkBox = []
+        }
+        /**
+         * This will contact the TestAPI to update an existing test case.
+         */
+        function updateTestCase(name, testCase) {
+            ctrl.showError = false;
+            ctrl.showSuccess = false;
+            if(testCase.name != ""){
+                var testCase_url = ctrl.requestUrl + '/' + name;
+                ctrl.testCasesRequest =
+                    $http.put(testCase_url, testCase).success(function (data){
+                        ctrl.showSuccess = true ;
+                        ctrl.successMessage = "Test case is successfully updated"
+                        loadDetails();
+                    })
+                    .catch(function (data) {
+                        ctrl.showError = true;
+                        ctrl.error = data.statusText;
+                    });
+            }
+            else{
+                ctrl.showError = true;
+                ctrl.error = 'Name is missing.'
+            }
+        }
+
+        /**
+         * This will contact the TestAPI to delete an existing test case.
+        */
+        function deleteTestCase(name) {
+            ctrl.showError = false;
+            ctrl.showSuccess = false;
+            ctrl.testCasesRequest =
+            $http.delete(ctrl.requestUrl+"/"+name).success(function (data) {
+                loadDetails();
+                ctrl.showSuccess = true ;
+                ctrl.successMessage = "Test case is successfully deleted"
+            }).catch(function (error) {
+                ctrl.showError = true;
+                ctrl.error = data.statusText;
+            });
+        }
+
+        /**
+         * This will open the modal that will show the delete confirm
+         * message
+         */
+        function openDeleteTestModal(name) {
+            confirmModal("Delete", ctrl.deleteTestCase, name);
+        }
+
+        /**
+         * This will open the modal that will show the Create
+         * view
+         */
+        function openCreateModal(name){
+                $uibModal.open({
+                    templateUrl: 'testapi-ui/components/projects/project/testCases/modals/testCaseModal.html',
+                    controller: 'TestCaseModalCtrl as TestCaseModalCtrl',
+                    size: 'md',
+                    resolve: {
+                        data: function () {
+                            return {
+                                text: "Create",
+                                successHandler: ctrl.createTestCase
+                            };
+                        }
+                    }
+                });
+        }
+
+        /**
+         * This will open the modal that will show the update
+         * view
+         */
+        function openUpdateTestModal(name){
+            var testcase;
+            var index;
+            for(index in ctrl.data.testcases){
+                if(ctrl.data.testcases[index].name==name){
+                    testcase = ctrl.data.testcases[index]
+                    continue
+                }
+            }
+            $uibModal.open({
+                templateUrl: 'testapi-ui/components/projects/project/testCases/modals/testCaseModal.html',
+                controller: 'TestCaseModalCtrl as TestCaseModalCtrl',
+                size: 'md',
+                resolve: {
+                    data: function () {
+                        return {
+                            text: "Update",
+                            successHandler: ctrl.updateTestCase,
+                            testCase: testcase
+                        };
+                    }
+                }
+            });
+        }
+
+        /**
+         * This will contact the TestAPI to get a listing of declared test cases.
+         */
+        function loadDetails() {
+            ctrl.testCasesReguest =
+                $http.get(ctrl.requestUrl).success(function (data) {
+                    ctrl.data = data;
+                }).catch(function (error) {
+                    ctrl.data = null;
+                    ctrl.showError = true;
+                    ctrl.error = error.statusText;
+                });
+        }
+        ctrl.loadDetails();
+    }
+
+
+    /**
+     * TestAPI Modal instance Controller
+     * This controller is for the modal where a user can create
+     * test case or update the test case information.
+     */
+    angular.module('testapiApp').controller('TestCaseModalCtrl', TestCaseModalCtrl);
+    TestCaseModalCtrl.$inject = ['$scope', '$uibModalInstance', 'data'];
+    function TestCaseModalCtrl($scope, $uibModalInstance, data) {
+        var ctrl = this;
+        ctrl.confirm = confirm;
+        ctrl.cancel = cancel;
+        ctrl.data = angular.copy(data);
+
+        ctrl.createRequirements = [
+            {label: 'name', type: 'text', required: true},
+            {label: 'description', type: 'textarea', required: false},
+            {label: 'version', type: 'text', required: false},
+            {label: 'tier', type: 'text', required: false},
+            {label: 'tags', type: 'text', required: false},
+            {label: 'run', type: 'text', required: false},
+            {label: 'dependencies', type: 'text', required: false},
+            {label: 'trust', type: 'text', required: false},
+            {label: 'url', type: 'text', required: false},
+            {label: 'blocking', type: 'text', required: false},
+            {label: 'criteria', type: 'text', required: false},
+            {label: 'domains', type: 'text', required: false},
+            {label: 'catalog_description', type: 'text', required: false}
+        ];
+
+        ctrl.testcase = {name : null, description : null,version : null, tier : null, tags : null,
+                     run : null, dependencies : null, trust : null, url : null, blocking : null,
+                 criteria : null, domains : null, catalog_description : null};
+
+        if(ctrl.data.text=="Update"){
+            ctrl.testcase = ctrl.data.testCase
+            delete ctrl.testcase._id;
+            ctrl.name = ctrl.data.testCase.name
+        }
+
+        /**
+         * Initiate confirmation and call the success handler with the
+         * inputs.
+         */
+        function confirm() {
+            $uibModalInstance.close();
+            if (angular.isDefined(ctrl.data.successHandler)) {
+                ctrl.data.successHandler(ctrl.name, ctrl.testcase);
+            }
+        }
+
+        /**
+         * Close the confirm modal without initiating changes.
+         */
+        function cancel() {
+            $uibModalInstance.dismiss('cancel');
+        }
+    }
+})();