Add sauce labs testing info to karma

Author: claydiffrient

README.md

@@ -5,6 +5,8 @@ Accessible modal dialog component for React.JS
 [![Code Climate](https://codeclimate.com/github/reactjs/react-modal/badges/gpa.svg)](https://codeclimate.com/github/reactjs/react-modal)
 [![Coverage Status](https://coveralls.io/repos/github/reactjs/react-modal/badge.svg?branch=master)](https://coveralls.io/github/reactjs/react-modal?branch=master)
 
+[![Build Status](https://saucelabs.com/browser-matrix/cd-reactmodal.svg)](https://saucelabs.com/beta/builds/ad582339a83145e1a4d3e8b8a1809b6c)
+
 ## Active Development
 The modal is currently undergoing significant development for a v2 release.  The `master` branch contains that development work.
 If you'd like to see the latest stable version please use the release tags (https://github.com/reactjs/react-modal/releases)

karma.conf.js

@@ -1,4 +1,66 @@
-module.exports = function(config) {
+const webpackTestConfig = require('./webpack.test.config');
+
+module.exports = function karmaConfig (config) {
+  let browsers = [];
+  const customLaunchers = {};
+
+  function createCustomLauncher (browser, version, platform) {
+    return {
+      base: 'SauceLabs',
+      browserName: browser,
+      version,
+      platform
+    };
+  }
+
+  if (process.env.SAUCE_USERNAME || process.env.SAUCE_ACCESS_KEY) {
+    const OPTIONS = [
+      'SAUCE_CHROME',
+      'SAUCE_FIREFOX',
+      'SAUCE_SAFARI',
+      'SAUCE_IE',
+      'SAUCE_EDGE',
+    ];
+
+    let runAll = true;
+
+    OPTIONS.forEach((opt) => {
+      if (process.env[opt]) {
+        runAll = false;
+      }
+    });
+
+    // Chrome
+    if (runAll || process.env.SAUCE_CHROME) {
+      customLaunchers.SL_Chrome = createCustomLauncher('chrome');
+    }
+
+    // Firefox
+    if (runAll || process.env.SAUCE_FIREFOX) {
+      customLaunchers.SL_Firefox = createCustomLauncher('firefox');
+    }
+
+    // Safari
+    if (runAll || process.env.SAUCE_SAFARI) {
+      customLaunchers.SL_Safari10 = createCustomLauncher('safari', 10);
+      customLaunchers.SL_Safari10 = createCustomLauncher('safari', 9);
+    }
+
+    // IE
+    if (runAll || process.env.SAUCE_IE) {
+      customLaunchers.SL_IE11 = createCustomLauncher('internet explorer', 11, 'Windows 10');
+    }
+
+    // Edge
+    if (runAll || process.env.SAUCE_EDGE) {
+      customLaunchers.SL_Edge = createCustomLauncher('microsoftedge', null, 'Windows 10');
+    }
+
+    browsers = Object.keys(customLaunchers);
+  } else {
+    browsers = [(process.env.CONTINUOUS_INTEGRATION) ? 'Firefox' : 'Chrome'];
+  }
+
   config.set({
 
     basePath: '',
@@ -10,10 +72,10 @@ module.exports = function(config) {
     ],
 
     preprocessors: {
-      'specs/spec_index.js': [ 'webpack', 'sourcemap' ]
+      'specs/spec_index.js': ['webpack', 'sourcemap']
     },
 
-    webpack: require('./webpack.test.config'),
+    webpack: webpackTestConfig,
 
     webpackMiddleware: {
       stats: 'errors-only'
@@ -39,10 +101,21 @@ module.exports = function(config) {
 
     autoWatch: true,
 
-    browsers: [ (process.env.CONTINUOUS_INTEGRATION) ? 'Firefox' : 'Chrome' ],
+    browsers,
+    customLaunchers,
+
+    // Increase timeouts to prevent the issue with disconnected tests (https://goo.gl/nstA69)
+    captureTimeout: 4 * 60 * 1000,
+    browserDisconnectTimeout: 10000,
+    browserDisconnectTolerance: 1,
+    browserNoActivityTimeout: 4 * 60 * 1000,
 
-    captureTimeout: 60000,
+    singleRun: (process.env.CONTINUOUS_INTEGRATION),
 
-    singleRun: (process.env.CONTINUOUS_INTEGRATION)
+    // SauceLabs config
+    sauceLabs: {
+      recordScreenshots: false,
+      public: 'public'
+    }
   });
 };

package.json

@@ -55,6 +55,7 @@
     "karma-firefox-launcher": "1.0.0",
     "karma-mocha": "^1.3.0",
     "karma-mocha-reporter": "^2.2.1",
+    "karma-sauce-launcher": "^1.1.0",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-webpack": "^1.8.1",
     "mocha": "3.2.0",