Adding Firefox and Safari tests, doubt Safari will work in actions

Author: jamesdaniels

.github/workflows/test.yml

@@ -110,10 +110,11 @@ jobs:
   headless:
     runs-on: ubuntu-latest
     needs: build
-    name: Test firebase@${{ matrix.firebase }} on Headless Chrome
+    name: Test firebase@${{ matrix.firebase }} on ${{ matrix.browser }}
     strategy:
       matrix:
         firebase: ["beta"]
+        browser: ["chrome", "firefox"]
       fail-fast: false
     steps:
       - name: Checkout
@@ -155,7 +156,57 @@ jobs:
       - name: Run tests
         run: |
           mv angularfire-${{ github.run_id }} dist
-          yarn test:chrome-headless
+          yarn test:${{ matrix.browser }}-headless
+
+  safari:
+    runs-on: macos-latest
+    needs: build
+    name: Test firebase@${{ matrix.firebase }} on safari
+    strategy:
+      matrix:
+        firebase: ["beta"]
+      fail-fast: false
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup node
+        uses: actions/setup-node@v2-beta
+        with:
+          node-version: '14'
+          check-latest: true
+      - name: node_modules cache
+        id: node_modules_cache
+        uses: actions/cache@v2
+        with:
+          path: ./node_modules
+          key: ${{ runner.os }}-14-${{ matrix.firebase }}-node_modules-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-14-${{ matrix.firebase }}-node_modules-
+            ${{ runner.os }}-14-node_modules-
+      - name: Yarn offline cache
+        if: steps.node_modules_cache.outputs.cache-hit != 'true'
+        uses: actions/cache@v2
+        with:
+          path: ~/.npm-packages-offline-cache
+          key: yarn-offline-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: yarn-offline
+      - name: Install deps
+        if: steps.node_modules_cache.outputs.cache-hit != 'true'
+        run: |
+          yarn config set yarn-offline-mirror ~/.npm-packages-offline-cache
+          yarn install --frozen-lockfile --prefer-offline
+          yarn add firebase@${{ matrix.firebase }} --prefer-offline
+      - name: Firebase emulator cache
+        uses: actions/cache@v2
+        with:
+          path: ~/.cache/firebase/emulators
+          key: firebase_emulators
+      - name: 'Download Artifacts'
+        uses: actions/download-artifact@v2
+      - name: Run tests
+        run: |
+          mv angularfire-${{ github.run_id }} dist
+          yarn test:safari
 
   publish:
     runs-on: ubuntu-latest

karma.conf.js

@@ -7,6 +7,8 @@ module.exports = function (config) {
     plugins: [
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
+      require('karma-safari-launcher'),
+      require('karma-firefox-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
       require('@angular-devkit/build-angular/plugins/karma')
@@ -24,13 +26,15 @@ module.exports = function (config) {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
-    browsers: ['Chrome', 'ChromeHeadless'],
+    browsers: ['Chrome', 'ChromeHeadless', 'Safari', 'Firefox', 'FirefoxHeadless'],
     singleRun: false,
     restartOnFileChange: true,
     customLaunchers: {
-      ChromeHeadlessTravis: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
+      FirefoxHeadless: {
+        base: 'Firefox',
+        flags: [
+          '-headless',
+        ],
       }
     },
   });

package.json

@@ -7,7 +7,10 @@
     "test": "npm run build:jasmine && npm run test:node && npm run test:chrome-headless",
     "test:watch": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=true --browsers=Chrome\"",
     "test:chrome": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=false --browsers=Chrome\"",
+    "test:firefox": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=false --browsers=Firefox\"",
+    "test:safari": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=false --browsers=Safari\"",
     "test:chrome-headless": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=false --browsers=ChromeHeadless\"",
+    "test:firefox-headless": "firebase emulators:exec --project=angularfire2-test \"ng test --watch=false --browsers=FirefoxHeadless\"",
     "lint": "ng lint",
     "test:node": "node -r tsconfig-paths/register ./tools/jasmine.js",
     "test:typings": "node ./tools/run-typings-test.js",
@@ -98,8 +101,10 @@
     "karma": "~5.0.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-firefox-launcher": "^2.1.0",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
+    "karma-safari-launcher": "^1.0.0",
     "ncp": "^2.0.0",
     "ng-packagr": "^10.1.0",
     "pretty-size": "^2.0.0",

yarn.lock

@@ -8325,6 +8325,14 @@ karma-coverage-istanbul-reporter@~3.0.2:
     istanbul-reports "^3.0.2"
     minimatch "^3.0.4"
 
+karma-firefox-launcher@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/karma-firefox-launcher/-/karma-firefox-launcher-2.1.0.tgz#d0d328c93dfcf9b46f1ac83b4bb32f43aadb2050"
+  integrity sha512-dkiyqN2R6fCWt78rciOXJLFDWcQ7QEQi++HgebPJlw1y0ycDjGNDHuSrhdh48QG02fzZKK20WHFWVyBZ6CPngg==
+  dependencies:
+    is-wsl "^2.2.0"
+    which "^2.0.1"
+
 karma-jasmine-html-reporter@^1.5.0:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-1.5.4.tgz#669f33d694d88fce1b0ccfda57111de716cb0192"
@@ -8337,6 +8345,11 @@ karma-jasmine@~4.0.0:
   dependencies:
     jasmine-core "^3.6.0"
 
+karma-safari-launcher@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/karma-safari-launcher/-/karma-safari-launcher-1.0.0.tgz#96982a2cc47d066aae71c553babb28319115a2ce"
+  integrity sha1-lpgqLMR9BmquccVTursoMZEVos4=
+
 [email protected]:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/karma-source-map-support/-/karma-source-map-support-1.4.0.tgz#58526ceccf7e8730e56effd97a4de8d712ac0d6b"