Basic setup with unit tests using karma for actual browser testing

Author: Georgegriff

.babelrc

@@ -0,0 +1,10 @@
+{
+    "presets": [
+      ["@babel/env", {
+        "targets": {
+          "browsers": ["last 2 versions", "IE >= 11"]
+        }
+      }]
+    ],
+    "comments" : false
+  }

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.vscode

demo.js

@@ -0,0 +1,5 @@
+// Paste this code into chrome://downloads console to try it out :)
+
+console.log(querySelectorDeep('downloads-item:nth-child(4) #remove'));
+console.log(querySelectorDeep('#downloads-list .is-active a[href^="https://"]'));
+console.log(querySelectorDeep('#downloads-list div#title-area + a'));

karma.conf.js

@@ -0,0 +1,68 @@
+// Karma configuration
+// Generated on Sun Jul 01 2018 21:22:40 GMT+0100 (GMT Summer Time)
+
+module.exports = function(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: [
+            { pattern: 'node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js', served: true, included: true },
+            'dist/testbundle.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: {},
+
+
+        // test results reporter to use
+        // possible values: 'dots', 'progress'
+        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+        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'],
+
+
+        // Continuous Integration mode
+        // if true, Karma captures browsers, runs the tests and exits
+        singleRun: true,
+
+        // Concurrency level
+        // how many browser should be started simultaneous
+        concurrency: Infinity
+    })
+}