Update Angular 11.0.0

Author: ganatan

.browserslistrc

@@ -14,5 +14,4 @@ last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions
 Firefox ESR
-not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
 not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

.gitignore

@@ -9,8 +9,6 @@
 
 # dependencies
 /node_modules
-package-lock.json
-
 
 # profiling files
 chrome-profiler-events*.json

README.md

@@ -1,7 +1,7 @@
 <p align="center">
  <h1 align="center">Angular Example Lazy loading</h1>
  <p align="center">
- Example with Angular 10.2.2 & Angular CLI 10.2.0
+ Example with Angular 11.0.0 & Angular CLI 11.0.0
  <br>
  <br>
  <a href="https://demo.ganatan.com/angular-example-lazy-loading">
@@ -33,7 +33,7 @@ in your browser go to [http://localhost:4200](http://localhost:4200)
 # Tutorial
 
 <p align="center">
- <h3 align="center">Angular 10 Example Lazy loading Tutorial</h3>
+ <h3 align="center">Angular 11 Example Lazy loading Tutorial</h3>
 
  <p align="center">
  Step-by-step Tutorials

angular.json

@@ -39,7 +39,6 @@
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
- "extractCss": true,
  "namedChunks": false,
  "extractLicenses": true,
  "vendorChunk": false,
@@ -119,6 +118,7 @@
  }
  }
  }
- }},
+ }
+ },
  "defaultProject": "angular-starter"
 }

e2e/protractor.conf.js

@@ -16,6 +16,7 @@ exports.config = {
  browserName: 'chrome'
  },
  directConnect: true,
+ SELENIUM_PROMISE_MANAGER: false,
  baseUrl: 'http://localhost:4200/',
  framework: 'jasmine',
  jasmineNodeOpts: {

e2e/src/app.e2e-spec.ts

@@ -8,9 +8,9 @@ describe('workspace-project App', () => {
  page = new AppPage();
  });
 
- it('should display welcome message', () => {
- page.navigateTo();
- expect(page.getTitleText()).toEqual('angular-starter');
+ it('should display welcome message', async () => {
+ await page.navigateTo();
+ expect(await page.getTitleText()).toEqual('angular-starter');
  });
 
  afterEach(async () => {

e2e/src/app.po.ts

@@ -1,11 +1,11 @@
 import { browser, by, element } from 'protractor';
 
 export class AppPage {
- navigateTo(): Promise<unknown> {
- return browser.get(browser.baseUrl) as Promise<unknown>;
+ async navigateTo(): Promise<unknown> {
+ return browser.get(browser.baseUrl);
  }
 
- getTitleText(): Promise<string> {
+ async getTitleText(): Promise<string> {
  return element(by.css('app-root h1')).getText() as Promise<string>;
  }
 }

e2e/tsconfig.json

@@ -7,7 +7,6 @@
  "target": "es2018",
  "types": [
  "jasmine",
- "jasminewd2",
  "node"
  ]
  }

karma.conf.js

@@ -9,16 +9,19 @@ module.exports = function (config) {
  require('karma-jasmine'),
  require('karma-chrome-launcher'),
  require('karma-jasmine-html-reporter'),
- require('karma-coverage-istanbul-reporter'),
+ require('karma-coverage'),
  require('@angular-devkit/build-angular/plugins/karma')
  ],
  client: {
  clearContext: false // leave Jasmine Spec Runner output visible in browser
  },
- coverageIstanbulReporter: {
+ coverageReporter: {
  dir: require('path').join(__dirname, './coverage/angular-starter'),
- reports: ['html', 'lcovonly', 'text-summary'],
- fixWebpackSourcePaths: true
+ subdir: '.',
+ reporters: [
+ { type: 'html' },
+ { type: 'text-summary' }
+ ],
  },
  reporters: ['progress', 'kjhtml'],
  port: 9876,