Update to v7

Author: alisaduncan

README.md

@@ -2,10 +2,12 @@
 
 A working version of the application can be found at [https://alisaduncan.github.io/tutorial-angular-httpclient/](https://alisaduncan.github.io/tutorial-angular-httpclient/)
 
+I wrote a post about [Http interceptors and writing unit tests on The Practical Dev](https://dev.to/alisaduncan/intercepting-http-requests---using-and-testing-angulars-httpclient).
+
 
 This project was an opportunity for me to play with Angular, RxJS, and Material. The app calls [JSONPlaceholder](https://jsonplaceholder.typicode.com/) API to retrieve users and POST a new user. The code contains examples on utilizing Angular's HttpClient and corresponding unit tests. Unit tests for the view have been disabled for now.
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.2.
 
 ## Prerequisites
 
@@ -17,6 +19,6 @@ Run `npm start` to start the application. It will automatically open a browser w
 
 ## Running Tests
 
-Run `npm run tests` to run the unit tests in watch mode. Run `npm run tests -- --single-run` to run the test just once.
+Run `npm run tests` to run the unit tests in watch mode. Run `npm run tests -- --watch false` or `ng test --watch false` to run the test just once.
 
 e2e tests are not supported yet.

angular.json

@@ -7,26 +7,39 @@
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
+      "prefix": "app",
+      "schematics": {
+        "@schematics/angular:component": {
+          "styleext": "scss"
+        }
+      },
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "tsConfig": "src/tsconfig.app.json",
             "polyfills": "src/polyfills.ts",
+            "tsConfig": "src/tsconfig.app.json",
             "assets": [
               "src/assets",
               "src/favicon.ico"
             ],
             "styles": [
+              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
             "scripts": []
           },
           "configurations": {
             "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -36,10 +49,11 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "fileReplacements": [
+              "budgets": [
                 {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
                 }
               ]
             }
@@ -66,13 +80,14 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "main": "src/test.ts",
-            "karmaConfig": "src/karma.conf.js",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "src/tsconfig.spec.json",
-            "scripts": [],
+            "karmaConfig": "src/karma.conf.js",
             "styles": [
-              "src/styles.css"
+              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+              "src/styles.scss"
             ],
+            "scripts": [],
             "assets": [
               "src/assets",
               "src/favicon.ico"
@@ -96,20 +111,24 @@
     "tutorial-angular-httpclient-e2e": {
       "root": "e2e/",
       "projectType": "application",
+      "prefix": "",
       "architect": {
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
-            "protractorConfig": "./protractor.conf.js",
+            "protractorConfig": "e2e/protractor.conf.js",
             "devServerTarget": "tutorial-angular-httpclient:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "tutorial-angular-httpclient:serve:production"
+            }
           }
         },
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": [
-              "e2e/tsconfig.e2e.json"
-            ],
+            "tsConfig": "e2e/tsconfig.e2e.json",
             "exclude": [
               "**/node_modules/**"
             ]
@@ -118,14 +137,5 @@
       }
     }
   },
-  "defaultProject": "tutorial-angular-httpclient",
-  "schematics": {
-    "@schematics/angular:component": {
-      "prefix": "app",
-      "styleext": "scss"
-    },
-    "@schematics/angular:directive": {
-      "prefix": "app"
-    }
-  }
+  "defaultProject": "tutorial-angular-httpclient"
 }

e2e/tsconfig.e2e.json

@@ -1,8 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "outDir": "../out-tsc/e2e",
-    "baseUrl": "./",
+    "outDir": "../out-tsc/app",
     "module": "commonjs",
     "target": "es5",
     "types": [