test: run e2e tests in chrome and firefox (#3)

Author: jpoehnelt

.github/workflows/e2e.yml

@@ -0,0 +1,51 @@
+# Copyright 2020 Google LLC
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+name: e2e
+on:
+  push:
+  schedule:
+    - cron: "0 12 * * *"
+jobs:
+  chrome:
+    runs-on: ubuntu-latest
+    services:
+       hub:
+        image: selenium/standalone-chrome
+        volumes:
+          - ${{ github.workspace }}:${{ github.workspace }}
+        ports:
+          - 4444:4444
+    steps:
+      - uses: actions/checkout@v2
+      - run: npm i
+      - run: npm run test:e2e
+        env:
+          GOOGLE_MAPS_API_KEY: ${{ secrets.SYNCED_GOOGLE_MAPS_API_KEY_WEB }}
+  firefox:
+    runs-on: ubuntu-latest
+    services:
+      hub:
+        image: selenium/standalone-firefox
+        volumes:
+          - ${{ github.workspace }}:${{ github.workspace }}
+        ports:
+          - 4444:4444
+    steps:
+      - uses: actions/checkout@v2
+      - run: npm i
+      - run: npm run test:e2e
+        env:
+          GOOGLE_MAPS_API_KEY: ${{ secrets.SYNCED_GOOGLE_MAPS_API_KEY_WEB }}
+          BROWSER: firefox

e2e/selenium.test.ts

@@ -20,39 +20,36 @@ import webdriver from "selenium-webdriver";
 let driver: webdriver.WebDriver;
 
 beforeAll(async () => {
-  let capabilities: webdriver.Capabilities;
+  const server = `http://localhost:4444/wd/hub`;
+
   switch (process.env.BROWSER || "chrome") {
-    case "safari": {
-      capabilities = webdriver.Capabilities.safari();
+    case "chrome": {
+      driver = new webdriver.Builder()
+        .usingServer(server)
+        .withCapabilities({
+          browserName: "chrome",
+        })
+        .build();
       break;
     }
     case "firefox": {
-      require("geckodriver");
-      capabilities = webdriver.Capabilities.firefox();
-      break;
-    }
-    case "chrome": {
-      require("chromedriver");
-      capabilities = webdriver.Capabilities.chrome();
-      capabilities.set("chromeOptions", {
-        args: [
-          "--headless",
-          "--no-sandbox",
-          "--disable-gpu",
-          "--window-size=1980,1200",
-        ],
-      });
+      driver = new webdriver.Builder()
+        .usingServer(server)
+        .withCapabilities({
+          browserName: "firefox",
+        })
+        .build();
       break;
     }
   }
-  driver = await new webdriver.Builder().withCapabilities(capabilities).build();
 });
 
 afterAll(async () => {
   await driver.quit();
 });
 
 it("loader should load map and getCenter", async () => {
+  jest.setTimeout(30000);
   await driver.get("file://" + path.resolve(__dirname, "index.html"));
 
   await expect(

package-lock.json

@@ -33,6 +33,7 @@
     "@babel/runtime-corejs3": "^7.9.2",
     "@types/googlemaps": "^3.39.3",
     "@types/jest": "^25.2.1",
+    "@types/selenium-standalone": "^6.15.0",
     "@types/selenium-webdriver": "^4.0.9",
     "@typescript-eslint/eslint-plugin": ">=2.25.0",
     "@typescript-eslint/parser": ">=2.25.0",
@@ -48,6 +49,7 @@
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-terser": "^5.3.0",
     "rollup-plugin-typescript2": "^0.27.0",
+    "selenium-standalone": "^6.17.0",
     "selenium-webdriver": "^4.0.0-alpha.7",
     "ts-jest": "^25.3.1",
     "typedoc": "^0.17.0-3",