feat: angular v14 and migrate from protractor to playwright

.circleci/config.yml

@@ -13,14 +13,13 @@ jobs:
       - checkout
       - browser-tools/install-chrome
       - browser-tools/install-chromedriver
-      - run: echo 127.0.0.1 lh | sudo tee -a /etc/hosts
-      - run: find ./apps/integration* -type f -exec sed -i 's/localhost/lh/' {} \;
       - run: 'mkdir -p $LOGS_DIR'
       - run: 'chmod +x ./scripts/ci/build-and-test.sh'
-      - run: 'chmod +x ./scripts/saucelabs/start-tunnel.sh'
-      - run: 'chmod +x ./scripts/saucelabs/wait-tunnel.sh'
-      - run: 'chmod +x ./scripts/saucelabs/stop-tunnel.sh'
-      - run: 'chmod +x ./apps/integration-e2e/scripts/wait-on.sh'
+      - run: 'chmod +x ./scripts/lambdatest/start-tunnel.sh'
+      - run: 'chmod +x ./scripts/lambdatest/wait-tunnel.sh'
+      - run: 'chmod +x ./scripts/lambdatest/stop-tunnel.sh'
+      - run: 'chmod +x ./scripts/ci/wait-on.sh'
+      - run: 'yarn install'
       - run:
           name: Build and test
           command: './scripts/ci/build-and-test.sh'

.eslintrc.json

@@ -32,12 +32,7 @@
         "no-async-promise-executor": "off",
         "no-empty": "off",
         "prefer-const": "off",
-        "prefer-spread": "off",
-        "protractor/no-repetitive-selectors": "off",
-        "protractor/no-browser-sleep": "off",
-        "protractor/no-repetitive-locators": "off",
-        "protractor/no-shadowing": "off",
-        "protractor/missing-wait-message": "off"
+        "prefer-spread": "off"
       }
     },
     {

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "cucumber.glue": ["apps/integration-e2e/src/**/*.ts"],
+  "cucumber.features": ["apps/integration-e2e/src/features/**/*.feature"]
+}

angular-http-server.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  proxy: [
+      {
+          forward: ["/catalog/"],
+          target: "localhost:4040",
+          protocol: "http",
+      },
+  ],
+};

angular.json

@@ -109,31 +109,6 @@
       },
       "tags": []
     },
-    "demo-e2e": {
-      "root": "apps/demo-e2e/",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "apps/demo-e2e/protractor.conf.js",
-            "devServerTarget": "demo:serve"
-          }
-        },
-        "lint": {
-          "builder": "@nrwl/linter:eslint",
-          "options": {
-            "lintFilePatterns": [
-              "apps/demo-e2e/src/**/*.ts",
-              "apps/demo-e2e/src/**/*.html"
-            ]
-          },
-          "outputs": ["{options.outputFile}"]
-        }
-      },
-      "tags": [],
-      "implicitDependencies": ["demo"]
-    },
     "elements": {
       "projectType": "application",
       "schematics": {
@@ -244,32 +219,6 @@
       },
       "tags": []
     },
-    "elements-e2e": {
-      "root": "apps/elements-e2e",
-      "sourceRoot": "apps/elements-e2e/src",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "apps/elements-e2e/protractor.conf.js",
-            "devServerTarget": "elements:serve"
-          }
-        },
-        "lint": {
-          "builder": "@nrwl/linter:eslint",
-          "options": {
-            "lintFilePatterns": [
-              "apps/elements-e2e/src/**/*.ts",
-              "apps/elements-e2e/src/**/*.html"
-            ]
-          },
-          "outputs": ["{options.outputFile}"]
-        }
-      },
-      "tags": [],
-      "implicitDependencies": ["elements"]
-    },
     "integration": {
       "root": "apps/integration/",
       "sourceRoot": "apps/integration/src",
@@ -387,6 +336,7 @@
       "tags": []
     },
     "integration-e2e": {
+      "$schema": "../../node_modules/nx/schemas/project-schema.json",
       "root": "apps/integration-e2e/",
       "projectType": "application",
       "architect": {
@@ -400,12 +350,7 @@
         "lint": {
           "builder": "@nrwl/linter:eslint",
           "options": {
-            "lintFilePatterns": [
-              "apps/integration-e2e/helpers/**/*.ts",
-              "apps/integration-e2e/pages/**/*.ts",
-              "apps/integration-e2e/step-definitions/**/*.ts",
-              "apps/integration-e2e/*.js"
-            ]
+            "lintFilePatterns": ["apps/integration-e2e/**/*.ts"]
           },
           "outputs": ["{options.outputFile}"]
         }

apps/demo/src/assets/fixtures/presentation/2/recognized-text-manifest.json

@@ -26,7 +26,7 @@
     }
   ],
   "license": "https://www.nb.no/lisens/ccbyncnd",
-  "attribution": "<span>Du kan dele, kopiere, distribuere og spre dette verket så lenge du krediterer opphavspersonen korrekt og ikke bruker verket kommersielt. Dersom du remixer, bearbeider eller bygger på verket, kan du ikke distribuere det endrede materialet.<br/><br/><img src=\"https://static.nb.no/images/license/ccbyncnd_88x31.png\"/></span>",
+  "attribution": "<span>Du kan dele, kopiere, distribuere og spre dette verket så lenge du krediterer opphavspersonen korrekt og ikke bruker verket kommersielt. Dersom du remixer, bearbeider eller bygger på verket, kan du ikke distribuere det endrede materialet.<br/><br/><img src=\"https://static.nb.no/images/license/ccbyncnd_88x31.png\" alt=\"Image showing logo to license ccbyncnd\"/></span>",
   "service": {
     "@context": "http://iiif.io/api/search/0/context.json",
     "@id": "https://api.nb.no:443/catalog/v1/contentsearch/10ca37a8595f4a63dd033dbfa4a130bc/search",

apps/demo/tsconfig.json

@@ -17,7 +17,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "target": "es2020"
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,

apps/elements/tsconfig.json

@@ -17,7 +17,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "target": "es2020"
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,

apps/integration-e2e/.eslintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["plugin:protractor/recommended", "../../.eslintrc.json"],
+  "extends": ["plugin:playwright/playwright-test", "../../.eslintrc.json"],
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {