Angular Testing

- Configure and execute unit tests on Angular components using Jasmine
and Karma
- Configure and execute end-to-end tests using Jasmine and Protractor

README.md

@@ -15,4 +15,37 @@ npm install gulp --save-dev
 npm install jshint gulp-jshint jshint-stylish gulp-imagemin gulp-concat gulp-uglify gulp-minify-css gulp-usemin gulp-cache gulp-changed gulp-rev gulp-rename gulp-notify browser-sync del gulp-ng-annotate --save-dev
 gulp
 gulp watch
+```
+
+# Server
+
+```
+npm install json-server -g
+
+cd json-server
+json-server --watch db.json
+```
+
+# Unit Test
+
+```
+npm install jasmine-core --save-dev
+npm install karma-cli -g
+npm install karma-jasmine --save-dev
+npm install phantomjs karma-phantomjs-launcher karma-chrome-launcher --save-dev
+
+cd test
+karma start karma.conf.js
+```
+
+# E2E Test
+
+```
+npm install protractor -g
+webdriver-manager update
+
+gulp watch
+cd test
+protractor protractor.conf.js
+
 ```

app/scripts/controllers.js

@@ -85,7 +85,7 @@ angular.module('confusionApp')
         $scope.showDish = false;
         $scope.message = "Loading ...";
 
-        $scope.dish = $scope.dish = menuFactory.getDishes().get({id: parseInt($stateParams.id, 10)})
+        $scope.dish = menuFactory.getDishes().get({id: parseInt($stateParams.id, 10)})
             .$promise.then(
                 function (response) {
                     $scope.dish = response;
@@ -122,10 +122,10 @@ angular.module('confusionApp')
         $scope.showDish = false;
         $scope.message = "Loading ...";
 
-        $scope.dish = menuFactory.getDishes.get({id: 0})
+        $scope.dish = menuFactory.getDishes().get({id: 0})
             .$promise.then(
                 function (response) {
-                    $scope.dish = response.data;
+                    $scope.dish = response;
                     $scope.showDish = true;
                 },
                 function (response) {

bower.json

@@ -22,6 +22,7 @@
     "font-awesome": "~4.7.0",
     "angular": "~1.6.4",
     "angular-ui-router": "~1.0.3",
-    "angular-resource": "~1.6.4"
+    "angular-resource": "~1.6.4",
+    "angular-mocks": "~1.6.4"
   }
 }

json-server/db.json

@@ -38,18 +38,6 @@
           "comment": "It's your birthday, we're gonna party!",
           "author": "25 Cent",
           "date": "2011-12-02T17:57:28.556094Z"
-        },
-        {
-          "author": "yogy",
-          "rating": 5,
-          "comment": "test",
-          "date": "2017-05-13T23:05:57.733Z"
-        },
-        {
-          "author": "Kwan",
-          "rating": 5,
-          "comment": "test2",
-          "date": "2017-05-13T23:07:08.327Z"
         }
       ]
     },
@@ -222,4 +210,4 @@
     }
   ],
   "feedback": []
-}
+}