use the chromedriver npm package to download the webdriver version compatible with the installed chrome version

Author: artlowel

.github/workflows/build.yml

@@ -53,6 +53,9 @@ jobs:
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: ${{ runner.os }}-yarn-
 
+      - name: Install the latest chromedriver compatible with the installed chrome version
+        run: yarn global add chromedriver --detect_chromedriver_version
+
       - name: Install Yarn dependencies
         run: yarn install --frozen-lockfile
 
@@ -94,7 +97,9 @@ jobs:
         run: curl http://localhost:8080/server/api
 
       - name: Run e2e tests (integration tests)
-        run: yarn run e2e:ci
+        run: |
+          chromedriver &
+          yarn run e2e:ci
 
       - name: Shutdown Docker containers
         run: docker-compose -f ./docker/docker-compose-ci.yml down

e2e/protractor-ci.conf.js

@@ -7,4 +7,8 @@ config.capabilities = {
     }
 };
 
+// don't use protractor's webdriver, as it may be incompatible with the installed chrome version
+config.directConnect = false;
+config.seleniumAddress = 'http://localhost:4444/wd/hub';
+
 exports.config = config;

package.json

@@ -32,7 +32,7 @@
     "lint": "ng lint",
     "lint-fix": "ng lint --fix=true",
     "e2e": "ng e2e",
-    "e2e:ci": "ng e2e --protractor-config=./e2e/protractor-ci.conf.js",
+    "e2e:ci": "ng e2e --webdriver-update=false --protractor-config=./e2e/protractor-ci.conf.js",
     "compile:server": "webpack --config webpack.server.config.js --progress --color",
     "serve:ssr": "node dist/server",
     "clean:coverage": "rimraf coverage",