Add cross-browser testing

markcellus · Mar 13, 2021 · 47649f3 · 47649f3
1 parent 0becf6c
commit 47649f3
Show file tree

Hide file tree

Showing 5 changed files with 225 additions and 17 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,4 +8,5 @@
 *.log
 .coverage
 .rpt2_cache
-dist
+dist
+.env
diff --git a/.prettierignore b/.prettierignore
@@ -6,3 +6,4 @@ dist
 .npmrc
 .prettierignore
 LICENSE
+.env
diff --git a/karma.conf.js b/karma.conf.js
@@ -1,3 +1,5 @@
+require('dotenv').config();
+
 module.exports = function (config) {
     config.set({
         files: [{ pattern: 'tests/**/*.ts', type: 'module' }],
@@ -17,12 +19,25 @@ module.exports = function (config) {
                 { type: 'text-summary' },
             ],
         },
+        browserStack: {
+            username: process.env.BROWSERSTACK_USERNAME,
+            accessKey: process.env.BROWSERSTACK_ACCESS_KEY,
+        },
+        customLaunchers: {
+            chrome: {
+                base: 'BrowserStack',
+                browser: 'chrome',
+                os: 'OS X',
+                os_version: 'Big Sur',
+                browser_version: '83.0',
+            },
+        },
+        browsers: ['chrome'],
         reporters: ['progress', 'coverage'],
         frameworks: ['esm', 'mocha'],
         port: 9876,
         colors: true,
         logLevel: config.LOG_INFO,
-        browsers: ['ChromeHeadless'],
         autoWatch: true,
         singleRun: true,
         concurrency: Infinity,

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -60,9 +60,10 @@
     "banner-cli": "^0.14.1",
     "chai": "^4.2.0",
     "coveralls": "^3.0.7",
+    "dotenv": "^8.2.0",
     "eslint": "^7.16.0",
     "karma": "^5.0.1",
-    "karma-chrome-launcher": "^3.1.0",
+    "karma-browserstack-launcher": "^1.6.0",
     "karma-coverage": "^2.0.1",
     "karma-mocha": "^2.0.0",
     "mocha": "^8.0.1",