So long and thanks for all the fish, protractor!

angular.json

@@ -121,19 +121,18 @@
           }
         },
         "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
+          "builder": "@cypress/schematic:cypress",
           "options": {
-            "protractorConfig": "e2e/protractor.conf.js"
+            "devServerTarget": "ng2:serve",
+            "browser": "chromium",
+            "watch": false,
+            "record": false
           },
           "configurations": {
             "production": {
               "devServerTarget": "ng2:serve:production"
-            },
-            "development": {
-              "devServerTarget": "ng2:serve:development"
             }
-          },
-          "defaultConfiguration": "development"
+          }
         }
       }
     }

cypress.config.ts

@@ -0,0 +1,37 @@
+import { defineConfig } from 'cypress';
+import Browser = Cypress.Browser;
+
+const puppeteer = require('puppeteer');
+
+const findPuppeteer: () => Promise<Browser> = async () => {
+    const browserPath = puppeteer.executablePath();
+    const browser = await puppeteer.launch();
+    const version = await browser.version();
+    const majorVersion = parseInt(version.split('/')[1]);
+
+    return {
+        name: 'chromium',
+        family: 'chromium',
+        displayName: `Puppeteer - ${version}`,
+        version: version,
+        majorVersion: majorVersion,
+        path: browserPath,
+        channel: 'stable',
+        isHeaded: false,
+        isHeadless: true,
+    };
+};
+
+export default defineConfig({
+    e2e: {
+        'baseUrl': 'http://localhost:4200',
+        supportFile: false,
+        video: false,
+        setupNodeEvents: (on, config) => {
+            return findPuppeteer().then((browser) => {
+                config.browsers.push(browser);
+                return config;
+            });
+        },
+    },
+});

cypress/e2e/spec.cy.ts

@@ -0,0 +1,6 @@
+describe('My First Test', () => {
+    it('should display message saying hello world', () => {
+        cy.visit('/');
+        cy.contains('Hello World!');
+    });
+});

cypress/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../tsconfig.json",
+  "include": ["**/*.ts"],
+  "compilerOptions": {
+    "sourceMap": false,
+    "types": ["cypress"]
+  }
+}