run tests on browserstack

credentials must be set using travis's per repository settings. currently only chrome and firefox are tested, we should add tesing on ms edge and IE. Follows on from work in josdejong#1105
KevSanchez · May 24, 2018 · d45eca5 · d45eca5
1 parent aa94b94
commit d45eca5
Show file tree

Hide file tree

Showing 5 changed files with 289 additions and 0 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -4,8 +4,16 @@ node_js:
   - 8
   - 10
 
+# NAME env var is purely cosmetic, only way to identify builds until
+# https://github.com/travis-ci/travis-ci/issues/5898 is fixed.
+
 jobs:
   include:
     - stage: browser-tests
       node_js: 8
       script: npm run test:browser
+      env: NAME=local browser
+    - # second script to run in the browser-tests stage
+      node_js: 8
+      script: npm run test:browserstack
+      env: NAME=browserstack
diff --git a/browser-test-config/browserstack-karma.js b/browser-test-config/browserstack-karma.js
@@ -0,0 +1,42 @@
+var baseKarma = require('./base-karma')
+
+module.exports = function(config) {
+
+  var baseConfig = baseKarma(config);
+
+  config.set(Object.assign(baseConfig, {
+    browsers: [
+      'bs_firefox_android',
+      'bs_chrome_mac',
+    ],
+    reporters: [
+      'mocha', 'BrowserStack',
+    ],
+    client: {
+      mocha: {
+        reporter: 'html',
+      }
+    },
+    browserStack: {
+      startTunnel: true
+    },
+    customLaunchers: {
+      bs_firefox_android: {
+        base: 'BrowserStack',
+        browser: 'Android Browser',
+        real_mobile: true,
+        device: 'Samsung Galaxy S8',
+        os: 'android',
+        os_version: '7.0',
+      },
+      bs_chrome_mac: {
+        base: 'BrowserStack',
+        browser: 'Chrome',
+        browser_version: '66',
+        os: 'OS X',
+        os_version: 'High Sierra',
+      },
+    },
+  }));
+
+};
diff --git a/browser-tests/browserstack-karma.js b/browser-tests/browserstack-karma.js
@@ -0,0 +1,58 @@
+var baseKarma = require('./base-karma')
+
+module.exports = function(config) {
+
+  var baseConfig = baseKarma(config);
+
+  config.set(Object.assign(baseConfig, {
+    browsers: [
+      'bs_firefox_android',
+      'bs_ie_11',
+      'bs_edge',
+      'bs_chrome_mac',
+    ],
+    reporters: [
+      'mocha', 'BrowserStack',
+    ],
+    client: {
+      mocha: {
+        reporter: 'html',
+      }
+    },
+    browserStack: {
+      startTunnel: true
+    },
+    customLaunchers: {
+      bs_firefox_android: {
+        base: 'BrowserStack',
+        browser: 'Android Browser',
+        real_mobile: true,
+        device: 'Samsung Galaxy S8',
+        os: 'android',
+        os_version: '7.0',
+      },
+      bs_ie_11: {
+        base: 'BrowserStack',
+        browser: 'IE',
+        browser_version: '11',
+        os: 'Windows',
+        os_version: '7',
+      },
+      bs_edge: {
+        base: 'BrowserStack',
+        browser: 'Edge',
+        browser_version: '16',
+        os: 'Windows',
+        os_version: '10',
+      },
+      bs_chrome_mac: {
+        base: 'BrowserStack',
+        browser: 'Chrome',
+        browser_version: '66',
+        os: 'OS X',
+        os_version: 'High Sierra',
+      },
+    },
+  }));
+
+};
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -112,6 +112,7 @@
     "istanbul": "0.4.5",
     "jsep": "0.3.4",
     "karma": "2.0.2",
+    "karma-browserstack-launcher": "1.3.0",
     "karma-firefox-launcher": "1.1.0",
     "karma-mocha": "1.3.0",
     "karma-mocha-reporter": "2.2.5",