set up browserstack

Author: nsthorat

.gitignore

@@ -18,3 +18,5 @@ website/node_modules
 
 website/i18n/*
 !website/i18n/en.json
+
+yarn-error.log

karma.conf.js

@@ -1,61 +1,46 @@
-// Karma configuration
-// Generated on Thu Mar 29 2018 11:50:44 GMT-0400 (EDT)
-
 module.exports = (config) => {
   config.set({
-    // base path that will be used to resolve all patterns (eg. files, exclude)
-    basePath: '',
-    // frameworks to use
-    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
     frameworks: ['jasmine'],
-    // list of files / patterns to load in the browser
     files: [
-      'src/*/*.test.js',
-      'src/images/*.jpg',
+      'src/**/*_test.js',
     ],
-    // list of files / patterns to exclude
-    exclude: [],
-    // preprocess matching files before serving them to the browser
-    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
     preprocessors: {
-      // add webpack as preprocessor
-      'src/*/*.test.js': ['webpack'],
+      'src/**/*_test.js': ['webpack'],
     },
     webpack: {
       // karma watches the test entry points
       // (you don't need to specify the entry option)
       // webpack watches dependencies
 
       // webpack configuration
-
     },
     webpackMiddleware: {
-      // webpack-dev-middleware configuration
-      // i. e.
+      noInfo: true,
       stats: 'errors-only',
     },
-    // test results reporter to use
-    // possible values: 'dots', 'progress'
-    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    browserStack: {
+      username: process.env.BROWSERSTACK_USERNAME,
+      accessKey: process.env.BROWSERSTACK_KEY
+    },
+    captureTimeout: 120000,
+    reportSlowerThan: 500,
+    browserNoActivityTimeout: 180000,
+    customLaunchers: {
+      bs_chrome_mac: {
+        base: 'BrowserStack',
+        browser: 'chrome',
+        browser_version: 'latest',
+        os: 'OS X',
+        os_version: 'High Sierra'
+      },
+    },
     reporters: ['progress'],
-    // web server port
     port: 9876,
-    // enable / disable colors in the output (reporters and logs)
     colors: true,
-    // level of logging
-    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
     logLevel: config.LOG_INFO,
-    // enable / disable watching file and executing tests whenever any file changes
     autoWatch: true,
-    // start these browsers
-    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
-    // browsers: ['Chrome', 'Firefox', 'Safari'],
     browsers: ['Chrome'],
-    // Continuous Integration mode
-    // if true, Karma captures browsers, runs the tests and exits
     singleRun: false,
-    // Concurrency level
-    // how many browser should be started simultaneous
-    concurrency: Infinity,
+    concurrency: Infinity
   });
 };

package.json

@@ -12,8 +12,7 @@
     "prebuild": "rimraf dist",
     "start": "webpack-dev-server --open --config webpack.dev.babel.js",
     "build": "webpack --config webpack.prod.babel.js",
-    "test:dev": "./node_modules/karma/bin/karma start karma.conf.js",
-    "test": "./node_modules/karma/bin/karma start karma.conf.js --no-auto-watch --single-run"
+    "test": "./node_modules/karma/bin/karma start karma.conf.js"
   },
   "repository": {
     "type": "git",
@@ -49,9 +48,7 @@
     "jasmine-core": "3.1.0",
     "karma": "2.0.0",
     "karma-chrome-launcher": "2.2.0",
-    "karma-firefox-launcher": "1.1.0",
     "karma-jasmine": "1.1.1",
-    "karma-safari-launcher": "1.0.0",
     "karma-webpack": "3.0.0",
     "npm-run-all": "4.1.2",
     "regenerator-runtime": "0.11.1",